Question

我是React的新手，我正在网上做一些教程。现在我有这样的任务： 如果以下代码中的Component是无状态功能组件，您将编写什么表达式来访问组件内的项目prop？

atTime(LocalTime.of(10, 30))

我不知道什么是正确答案以及原因：/ 你能帮助我吗？

Answer 1

如果是无国籍props.items。如果它是一个类this.props.items

无状态功能组件通常看起来像这样。

只将一个道具传给孩子就可以了。

const ChildComponent = ({ someProp }) => (
   <div>
      <h1>Child Component {someProp}</h1>
   </div>
)

将所有父母的道具传递给孩子就像这样。

const ChildComponent = (props) => (
   <div>
      <h1>Child Component {props.someProp}</h1>
   </div>
)

Answer 2

您可以使用props.itemName访问所有道具。例如：只需键入props.items

即可

Answer 3

您的功能组件如下所示

const IngredientList = props => {
  // here you get all the props passed to IngredientList
  const items = props.items.map(item => <div>item</div>);

  return <div>items</div>
}

无状态功能组件 - 反应

3 个答案: