我有一個物件陣列汽車。我想插入帶有標題的物件：AUDI 僅當 audi 為真時。
var audi = false;
var cars= [
{header: 'fiat',accessor: row},
{header: 'audi',accessor: row},
{header: 'bmw',accessor: row}
]
我嘗試使用三元運算子，但汽車不接受空物件 {}。那么有沒有辦法模擬我們通常做的條件渲染呢？（例如：奧迪 &&{...} ）謝謝 <3
var audi = false;
var cars= [
{header: 'fiat',accessor: row},
audi?{header: 'audi',accessor: row}:{},
{header: 'bmw',accessor: row}
]
uj5u.com熱心網友回復：
您可以使用以下filter方法：
var audi = false;
var cars= [
{header: 'fiat',accessor: row},
{header: 'audi',accessor: row},
{header: 'bmw',accessor: row}
].filter(car => audi || car.header !== 'audi')
或傳播運算子：
var audi = false;
var cars= [
{header: 'fiat',accessor: row},
...(audi ? [
{header: 'audi',accessor: row}
] : []),
{header: 'bmw',accessor: row}
]
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/361584.html
標籤：javascript 数组 反应 目的 条件渲染
下一篇：如何創建以變數為鍵的物件？