Javascript 是否可以创建ListItem';s属性?

Javascript 是否可以创建ListItem';s属性?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,在物料界面中,ListItem如所示 嵌套的ListItem看起来是这样的 <ListItem value={1} primaryText="Brendan Lim" leftAvatar={<Avatar src="images/ok-128.jpg" />} nestedItems={[ <ListItem value={2} primaryText="Grace Ng" le

在物料界面中,ListItem如所示

嵌套的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);
let item=;item.addAttribute(嵌套列表、列表);

非常感谢。

我认为您可以有条件地呈现您的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} />}
      />)}
    ]}
  />


nestedems来自哪里?它是作为道具传递下来的阵列吗?您正在动态创建什么?因为我的UI组件的关系是以树的形式构建的,这意味着需要首先创建listedItem,然后将其推入堆栈,当程序递归到叶子时,我可以知道嵌套最深的列表内容,只有到那时我才能构建和插入nestedlist。谢谢,但我的情况是我创建了一个没有nestedItems及其内容的ListItem,因为一开始我不知道它的内容。是的,这就是我所理解的,
{this.state.nestedItem&&()}
意味着
如果这个.state.nestedItem存在,那么显示,如果没有,则什么也不做