为什么要使用 React. Children. map（ props. children，( )=>)而不是props. children. map ( ( ) => )？

React.Children.map 和 props.children.map 的主要区别在于它们处理 props.children 的方式。

在 React 中，props.children 可以是一个元素，也可以是一个元素的数组，或者它甚至可以是 undefined。如果你直接尝试在 props.children 上调用 .map()，并且 props.children 不是一个数组，那么你会得到一个错误。这是因为 undefined 和单个元素（非数组）没有 .map() 方法。

为了解决这个问题，React 提供了 React.Children API，这是一个实用工具集，用于处理 props.children。React.Children.map 是这个 API 的一部分，它特别设计用于遍历 props.children，无论它是一个元素，一个元素的数组，还是 undefined。

所以，使用 React.Children.map(props.children, (child) => ...) 而不是 props.children.map((child) => ...) 的主要原因是，前者更安全，更健壮，能够处理 props.children 的各种可能类型。而后者，如果 props.children 不是一个数组，将会抛出错误。

总的来说，使用 React.Children.map 是处理 props.children 的最佳实践，因为它为可能的各种情况提供了健壮的错误处理。