我想使用条件更改烤面包组件的图标。我正在尝试使用三元运算符来执行此操作,但是无法正常工作。谁能帮我吗?我有以下想法:
renderResultadoManifestacao(){
var tag = '';
const listItems = this.state.resultList.map((d) =>
//<li key={d.name}>{d.name}</li>);
<Toast>
{d.success == true ? tag = "success" : tag = "error" }
<ToastHeader icon = {tag}> {d.chaveAcesso} </ToastHeader>
<ToastBody>
{d.resultado.map((r) =>
<li key={r}>{r}</li>
)}
</ToastBody>
</Toast>
);
return (
<div>
{listItems }
</div>
);
}
您可以在tag
的功能内设置map
变量。
renderResultadoManifestacao(){
const listItems = this.state.resultList.map((d) => {
var tag = d.success ? "success" : "error";
return <Toast>
{tag}
<ToastHeader icon = {tag}> {d.chaveAcesso} </ToastHeader>
<ToastBody>
{d.resultado.map((r) =>
<li key={r}>{r}</li>
)}
</ToastBody>
</Toast>
});
return (
<div>
{listItems}
</div>
);
}