React 如何知道父组件有多少个子组件？

Question

如果我尝试使用Object.keys(children).length并且只有 1 个子组件，那么它会给我一个子组件所具有的键的数量。这种方法只有在有多个子组件时才有效。我如何找到一个组件的子组件数量？<Navbar>  <Component 1/></Navbar>const Navbar = ({ children }) => {  console.log(Object.keys(children).length);   //displays properly only if more than 1 child component  console.log(children.length);                //undefined  ...

Answer 1

React.Children.count 方法将帮助您获得所需的内容。

const Navbar = ({ children }) => {
    child_count = React.Children.count(children)
}

https://reactjs.org/docs/react-api.html#reactchildren