什么是 `children` 属性？

2019-03-09

回答

children 是传递给组件属性对象的一部分，他提供了组合组件的能力。一个简单的 children 属性示例如下：

function GenericBox({ children }) {
  return <div className="container">{children}</div>
}

function App() {
  return (
    <GenericBox>
      <span>Hello</span> <span>World</span>
    </GenericBox>
  )
} 

加分回答

• Children 作为一个属性允许组件作为数据传递给其他组件。
• React API 提供了 children 属性的方法：React.Children.map，React.Children.forEach，React.Children.count，React.Children.only 和 React.Children.toArray。

返回总目录

30 秒面试系列一