遍历children_在 React 组件中如何向 props.children 传递数据?

在 React 组件中，可以通过 React.Children.map() 方法遍历 props.children，并向其传递数据。该方法接受两个参数，第一个参数是 props.children，第二个参数是一个回调函数，该回调函数可以在遍历每个子元素时执行。

例如，假设有一个 Parent 组件和一个 Child 组件，我们可以通过以下方式向 Child 组件传递数据：

function Parent(props) {
  return (
    <div>
      {React.Children.map(props.children, child => {
        return React.cloneElement(child, { data: "Hello from Parent" });
      })}
    </div>
  );
}

function Child(props) {
  return <div>{props.data}</div>;
}

function App() {
  return (
    <Parent>
      <Child />
    </Parent>
  );
}

在上面的例子中，我们在 Parent 组件中通过 React.Children.map() 方法遍历了 props.children，并通过 React.cloneElement() 方法向每个 Child 元素传递了一个名为 data 的 prop。在 Child 组件中，我们可以通过 props.data 访问该数据。