无状态功能组件 - 反应

时间:2018-03-16 18:36:18

标签: reactjs react-props

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

atTime(LocalTime.of(10, 30))

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

3 个答案:

答案 0 :(得分:0)

如果是无国籍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>
)

答案 1 :(得分:0)

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

即可

答案 2 :(得分:0)

您的功能组件如下所示

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>
}