React.Children.count还是children.length？

Question

我正在从基于类的组件迁移到功能组件。我的问题是使用children.length的遗留代码计数、，这与我以前使用的React.Children.count(children).不同

这两个有什么区别吗？哪一个更好？

  ...
  const SomeParentFC = () => {
  const arrays = [1,2,3,4,5]
  function renderSomething() {
    return arrays.map((value,index) => {
      <SomeReactComponent key={index}>value</SomeReactComponent> 
    })
  }
  return(
    <SomeChildFC> 
       { renderSomething() } 
    </SomeChildFC> 
  )
}

  const SomeChildFC = ({children}) => {
  const getMyChildrenCount = () => {
    ? ??? 
  }

  return (
    <>
    </> 
  )

Answer 1

您可以使用React.Children.count，这里的文档：reactjs.org/docs/react-api.html#reactchildrencount

const getMyChildrenCount = () => React.Children.count(children);