我有一個下面的物件
multiSpaceIdentityInformation =
{
roomNumber: "N/A"
spaceNumber: "L1-008-5, L4-003, L1-009"
spaceName: "Space, STUDIO, LOBBY"
}
我希望用下面列出的資訊來表示這一點
const identityData = [
{ label: 'Room Number', value: multiSpaceIdentityInformation.roomNumber },
{
label: 'Space Info',
value: `${multiSpaceIdentityInformation.spaceNumber} - ${multiSpaceIdentityInformation.spaceName}`
}
];
return (
<Descriptions size="small" column={1} title="Identity">
{identityData.map(({ label, value }) => (
<Item key={label} label={<Text strong>{label}</Text>}>
{value}
</Item>
))}
</Descriptions>
);
我試圖在 spaceInfo 標簽字串中表示的內容如下所示
L1-008-5 - Space, L4-003- STUDIO, L1-009 - LOBBY
但是上面的代碼Space Info,列印如下
L1-008-5, L4-003 - Space, STUDIO ... 而且我不確定我上面的代碼哪里錯了，任何人都可以提出任何錯誤的想法。
提前謝謝了
uj5u.com熱心網友回復：
你期待這樣的事情嗎？
let m = {
rnum: "N/A",
snum: "L1-008-5, L4-003, L1-009",
sn: "Space, STUDIO, LOBBY"
};
let snumA=m.snum.split(',');
let snA=m.sn.split(',');
console.log(
snumA.reduce((r,i,idx)=>{
r=`${r}${idx!==0 ? ',' : ''}${i} - ${snA[idx]}`
return r;
},'')
)轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336580.html
標籤：javascript 反应
上一篇：使用按鈕更改填充顏色
下一篇：使用多個外鍵級聯洗掉