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

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

如何對道具進行分組并使代碼更具可讀性?

如何對道具進行分組并使代碼更具可讀性?

開滿天機 2021-05-14 19:22:53
這是定義屬性的唯一方法嗎?        <YAxis            id="axis1"            label="Requests"            style={{ labelColor: scheme.requests }}            labelOffset={-10}            min={0}            max={1000}            format=",.0f"            width="60"            type="linear"        />如果有一長串的屬性,這可能會很混亂。它使我想起了一些內聯CSS,這可能變得很難閱讀。我們不能只是說:var yAxis_props = ( id = ...  label = ... )然后像這樣插入它們:<YAxis yAxis_props />
查看完整描述

3 回答

?
叮當貓咪

TA貢獻1776條經驗 獲得超12個贊

您可以使用傳播算子實現類似的操作。


let props={a:1, b:2}


...


<MyComponent {...props}/>


查看完整回答
反對 回復 2021-05-20
?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

盡管這里的答案涵蓋了有效且有效的傳播方法,但我想提醒您,單個組件的道具過多可能表明該組件存在太多變化,這反過來使維護和擴展變得非常困難。

在這種情況下,您可能會考慮有時使用的“渲染道具”或“以功能為生的孩子”的方法。

這種方法使您可以將組件的邏輯和基本行為保持在一個地方,而使用它的開發人員可以在組合中使用它來改變組件渲染和與周圍環境交互的方式??咸亍ざ嗟滤梗↘ent C. Dodds)在這里對此進行了精彩的演講。


查看完整回答
反對 回復 2021-05-20
  • 3 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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