if和else条件断开，因为数组索引与列值不匹配

Question

我有一个这样的数据库表:

<表类> ID 价值 ISEDITABLE tbody><<tr>0Company0Y1Company1N2Company2N5Company5Y99CompanyOtherN

因为categories是一个对象数组所以你需要使用find来获取你想要的元素，就像这样:

{
JSON.parse(sessionStorage.getItem('categories') as string).find(
category => category.id === rowData.categoryId
)?.isEditable === 'N' ? (
<Button
icon="pi pi-trash"
style={{ marginRight: '5px' }}
tooltip="Delete"
/>
) : (
<span>
<Button
type="button"
icon="pi pi-pencil"
style={{ marginRight: '5px' }}
onClick={e => this.handleClick(rowData, e)}
tooltip="Edit"
/>
<Button
icon="pi pi-trash"
style={{ marginRight: '5px' }}
tooltip="Delete"
/>
</span>
);
}

不使用索引，而是使用.find来查找您想要的项目:

JSON.parse(sessionStorage.getItem('categories') as string).find((category) => {
return category.id === rowData.categoryId;
});