javascript - 是否可以创建ListItem的属性？

Question

在Material UI中，ListItem如图http://www.material-ui.com/#/components/list所示

嵌套的 ListItem 看起来像这样，

<ListItem
    value={1}
    primaryText="Brendan Lim"
    leftAvatar={<Avatar src="images/ok-128.jpg" />}
    nestedItems={[
      <ListItem
        value={2}
        primaryText="Grace Ng"
        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
      />,
    ]}
  />

我的问题是，是否可以先创建一个ListItem标签，然后再插入nestedItems？ 我正在寻找类似的东西

let item=<ListItem... />; item.addAttribute(nestedList, list);

非常感谢。

Answer 1

我认为你可以有条件地渲染你的嵌套项目:

<ListItem
    value={1}
    primaryText="Brendan Lim"
    leftAvatar={<Avatar src="images/ok-128.jpg" />}
    nestedItems={[
      {this.state.nestedItem && (<ListItem
        value={this.state.nestedItem.value}
        primaryText={this.state.nestedItem.text}
        leftAvatar={<Avatar src={this.state.nestedItem.avatarUrl} />}
      />)}
    ]}
  />