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

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

如何使用 useImperativeHandler 從 Parent 調(diào)用 Child

如何使用 useImperativeHandler 從 Parent 調(diào)用 Child

陪伴而非守候 2023-08-18 16:31:53
我有一個父組件,我需要調(diào)用其子組件的 2 個方法。我可以使用 useImperativeHandler 來調(diào)用一個像const Parent = () => {  const childRef = useRef();  return (    <div>      <Child ref={childRef} />      <Button onClick={() => childRef.current.methodOne()}>        Submit      </Button>    </div>  );};然后在子組件中const Child = forwardRef((props, ref) => {  useImperativeHandle(    ref,    () => ({      methodOne() {        // some code      },    }),    []  );  return;});到目前為止,效果非常好。但我希望父組件中的另一個按鈕可以調(diào)用同一個子組件中的第二個方法(我們稱之為 methodTwo)。我該怎么做?
查看完整描述

2 回答

?
慕蓋茨4494581

TA貢獻(xiàn)1850條經(jīng)驗 獲得超11個贊

檢查這個例子,我試圖讓它變得簡單易懂,但如果你遇到麻煩,我什至很樂意幫助你進(jìn)行縮放通話

這是react中的基本概念,將方法從父級傳遞給子級

在此示例中,我將 console.log 函數(shù)從父級傳遞給子級

這兩個按鈕調(diào)用不同的方法,就像你想做的那樣。

希望這是有道理的!

查看完整回答
反對 回復(fù) 2023-08-18
?
慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗 獲得超6個贊

找到答案。userImperativeHandle 采用多個這樣的方法,您可以在父組件中正常調(diào)用它們。


  useImperativeHandle(ref, () => ({

    methodOne: () => {

    },

    methodTwo: () => {

    }

  }));


查看完整回答
反對 回復(fù) 2023-08-18
  • 2 回答
  • 0 關(guān)注
  • 119 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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