我想更改 API 資料的顯示方式，而不是顯示數字，而是顯示圖示
const tableData = {
tableHead: [//head data],
};
const result = data?.data?.items.map((data) => {
const newArr = [];
const signalIcon= () => {
if (Object.values(data.fields.signal) === 0){
return ( <Icon name="md-aperture" color={'#00FF00'} size={10}/>);
} return (<Icon name="ios-home" color={'#00FF00'} size={10}/>);
}
const lightIcon= () => {
if (Object.values(data.fields.light) == 0){
return (<Icon name="ios-home" color={'#00FF00'} size={10}/>);
} return (<Icon name="md-aperture" color={'#00FF00'} size={10}/>);
}
newArr.push(data.id)
newArr.push(data.fields.name)
newArr.push(signalIcon)
newArr.push(lightIcon)
return newArr
});
return (
<View>
<Table>
<Row
data={tableData.tableHead} />
<Rows
data ={result} />
</Table>
</View>
但是每當我運行它時，信號和燈光的行都不會顯示任何內容
uj5u.com熱心網友回復：
您可以將其用作像這樣的變數，而不是回傳函式
const signalIcon = {
if (Object.values(data.fields.signal) === 0) {
return ( <Icon name="md-aperture" color={'#00FF00'} size={10}/>);
}
return (<Icon name="ios-home" color={'#00FF00'} size={10}/>);
}
const lightIcon = {
if (Object.values(data.fields.light) === 0) {
return (<Icon name="ios-home" color={'#00FF00'} size={10}/>);
}
return (<Icon name="md-aperture" color={'#00FF00'} size={10}/>);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/504312.html
標籤：javascript 反应式 图标
上一篇：Java---多執行緒入門
下一篇：內容安全策略通配符？