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

我认为你可以有条件地渲染你的nestedItems：

<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} />}
      />)}
    ]}
  />

是否可以创建ListItem的属性？

1 个答案: