亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

React JSX 選擇性地將屬性傳遞給組件

React JSX 選擇性地將屬性傳遞給組件

交互式愛情 2023-03-10 13:41:29
這段代碼有效，但我不禁認為有更好的方法。我無法將 expanded 設置為 false，因為當我這樣做時組件會中斷（就像他們在Set JSX attribute based on another JSX attribute react中所做的那樣）另外，我需要添加更多條件分支，這意味著代碼重復if (itemProps.Expanded == true) {  return (    <Accordion expanded={true}>    ...    </Accordion >  )}else {  return (    <Accordion>    ...    </ Accordion>  )}有什么建議么？
查看完整描述

2 回答

?
四季花海

TA貢獻1811條經驗 獲得超5個贊

您可以動態創建 props 對象并使用 ...(spread) 傳遞道具


const props = itemProps.Expanded == true ? { expanded: true } : {};

return <Accordion {...props}>...</Accordion>;


查看完整回答
反對 回復 2023-03-10
?
江戶川亂折騰

TA貢獻1851條經驗 獲得超5個贊

對不起，伙計們試過了，它奏效了。感謝您的時間


let expanded = undefined;

if (itemProps.Expanded) {

  expanded = true;

}


return (

    <Accordion expanded={expanded}>

    ...

    </Accordion >

)

```


查看完整回答
反對 回復 2023-03-10
  • 2 回答
  • 0 關注
  • 139 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號