构造组件道具的更好方法是什么？答案

【问题标题】：What is the better way to structure components' props?构造组件道具的更好方法是什么？
【发布时间】：2021-03-17 11:17:01
【问题描述】：

我现在正在测试一些 Material-UI 组件，一时无法理解。例如，在 List 组件中。为什么他们使用这样的语法？

<List component="nav">
  <ListItem
    button
    selected={selectedIndex === 0}
    onClick={(event) => handleListItemClick(event, 0)}
  >
    <ListItemIcon>
      <InboxIcon />
    </ListItemIcon>
    <ListItemText primary="Inbox" />
  </ListItem>
</List>

在我看来，您可以使用这种方法：

<List component="nav"
  items=[
    {
      icon: 'inbox',
      text: 'Inbox',
      onClick: () => handleListItemClick()
    }
  ]
/>

Оr 你也可以使用渲染道具。是什么让他们的方法更方便？毕竟，他们显然出于某种原因选择了它

【问题讨论】：

我看到第一个更明确，更容易阅读

标签： javascript reactjs material-ui react-material

【解决方案1】：

虽然我不熟悉他们的风格，但这个例子似乎很容易理解，也许是出于演示目的。对于实际使用的应用程序，您可能需要做您的数组样式示例。

【讨论】：