第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

將狀態(tài)向下傳遞到子組件的 prop 中,并通過“(this.props.(propHere))”

將狀態(tài)向下傳遞到子組件的 prop 中,并通過“(this.props.(propHere))”

呼啦一陣風(fēng) 2024-01-18 20:48:32
我有一個(gè)父組件,其狀態(tài)帶有主題字符串。(目前僅用于測(cè)試目的,因此請(qǐng)不要對(duì)它的實(shí)用性考慮太多:)!)基本上,這是迄今為止的布局。父組件攜帶主題的狀態(tài)。父組件使用代碼“theme={this.state.theme}”將當(dāng)前狀態(tài)作為“theme”屬性傳遞給子組件。嘗試將子元素樣式設(shè)置為內(nèi)聯(lián)style={{ background: this.props.theme === "light" ? "#fff" : "#000" }}得到錯(cuò)誤:TypeError: Cannot read property 'props' of undefined。我知道這是因?yàn)椤斑@個(gè)”是如何綁定的。然而,最好的方法是什么?我希望子元素與父組件的狀態(tài)匹配,但我需要正確綁定“this”。
查看完整描述

2 回答

?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

看來您正在為未分配的子元素使用功能組件this,請(qǐng)嘗試更改為


                     //remove the `this`

style={{ background: props.theme === "light" ? "#fff" : "#000" }}


查看完整回答
1 反對(duì) 回復(fù) 2024-01-18
?
料青山看我應(yīng)如是

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊

我知道這個(gè)問題已經(jīng)得到解答,但這里有一個(gè)提示。當(dāng)你有一個(gè)函數(shù)組件時(shí),你可以像這樣訪問 prop:


someRandomFunc = ({props}) => {


return(

<Text

style={{ background: props.theme === "light" ? "#fff" : "#000" }}>HELLO WORLD</Text>

}

);


如果它是一個(gè)類組件。您可以直接使用this.props:


class Something extends React.Component{


state = {}


    render(){

return(


<Text style={{ background: this.props.theme === "light" ? "#fff" : "#000" }}></Text>


)

    }

}


希望這對(duì)將來有幫助!


查看完整回答
1 反對(duì) 回復(fù) 2024-01-18
  • 2 回答
  • 0 關(guān)注
  • 253 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)