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

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

如何在反應(yīng)中將類組件作為功能道具傳遞?

如何在反應(yīng)中將類組件作為功能道具傳遞?

嘗試使用 lambda 函數(shù)和 TSLint 將組件作為道具發(fā)送會(huì)引發(fā)異常。組件可以像這樣作為 prop 發(fā)送:<Test  id={'XYZ-1809'}  condn1={<Condn1Component />}  condn2={<Condn2Component />}/>但是當(dāng)嘗試將其作為功能性道具發(fā)送時(shí),會(huì)引發(fā)錯(cuò)誤:Lambdas are forbidden in JSX attributes due to their rendering performance impact (jsx-no-lambda)tslint(1)<Test  id={'XYZ-1809'}  condn1={() => <Condn1Component />}  condn2={() => <Condn2Component />}/>Condn1Component并且Condn2Component可以是不確定的功能或類組件。擺脫 JSX-Lambda 問(wèn)題的最佳方法是什么?
查看完整描述

1 回答

?
陪伴而非守候

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

我設(shè)法做到了如下:


const Condn1Component = () => {

   return (<h1>I am condition1</h1>);


const Condn2Component = () => {

   return (<h1>I am condition2</h1>);


const condn1ComponentHandler = () => {

  return <Condn1Component />

}


const condn2ComponentHandler = () => {

  return <Condn2Component />

}


<Test

  id={'XYZ-1809'}

  condn1={condn1ComponentHandler}

  condn2={condn2ComponentHandler}

/>

并接受為:


this.props.condn1();

this.props.condn2();


查看完整回答
反對(duì) 回復(fù) 2022-06-09
  • 1 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報(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)