Reactjs 如何基于jsx条件和数组索引在antd中添加元素

我们有一个“flag”数组，如：“flag[index]=true/false（基于条件）” 如果我们希望基于此标志呈现类似按钮的列表，那么正确的方法是什么

例子：

{flag[`${index}`]&&(
this.onClickCreate（index）}
> 
创造
)} 
{！标志[`${index}`]&&(
this.onClickDelete（index）}
>
删除
)}

您的方法是正确的，只是示例中没有

。你也可以用三元运算符做这样的事情：

function Component() {
  return flag[index] ?
    (<Button id="create" onClick={() => this.onClickCreate(index)}> Create </Button>) :
    (<Button id="delete" onClick={() => this.onClickDelete(index)}> Delete </Button>)
}

函数组件（）{
返回标志[索引]？
（this.onClickCreate（index）}>Create）：
（this.onClickDelete（index）}>Delete）
}

它仍然不能解决您的问题吗？

function Component() {
  return flag[index] ?
    (<Button id="create" onClick={() => this.onClickCreate(index)}> Create </Button>) :
    (<Button id="delete" onClick={() => this.onClickDelete(index)}> Delete </Button>)
}