在同级React.js之间传递索引

// 父组件
function ParentComponent() {
  const index = 0; // 索引值
  return (
    <div>
      <ChildComponent index={index} />
    </div>
  );
}

// 子组件
function ChildComponent(props) {
  const { index } = props;
  // 使用索引
  return <div>{index}</div>;
}

// 创建Context
const IndexContext = React.createContext();

// 父组件
function ParentComponent() {
  const index = 0; // 索引值
  return (
    <IndexContext.Provider value={index}>
      <ChildComponent />
    </IndexContext.Provider>
  );
}

// 子组件
function ChildComponent() {
  return (
    <IndexContext.Consumer>
      {index => <div>{index}</div>}
    </IndexContext.Consumer>
  );
}