如何使用数组索引在基于jsx条件的antd中添加元素

Question

我们有一个"flag"数组，类似于："flag[index]＝真/假(基于条件("；如果我们想基于这个标志呈现一个类似按钮的列表，那么正确的方法是什么。

示例：

{flag[`${index}`] && (
<Button 
id="create" 
onClick={() => this.onClickCreate(index)}
> 
Create 
</Button>
)} 
{!flag[`${index}`]&& (
<Button 
id="delete" 
onClick={() => this.onClickDelete(index)}
>
Delete
</Button>
)}

Answer 1

您的方法是正确的，只是示例中没有</Button>。你也可以用三元运算符做这样的事情：

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