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

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

如何使用 useImperativeHandler 從 Parent 調用 Child

如何使用 useImperativeHandler 從 Parent 調用 Child

陪伴而非守候 2023-08-18 16:31:53
我有一個父組件,我需要調用其子組件的 2 個方法。我可以使用 useImperativeHandler 來調用一個像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;});到目前為止,效果非常好。但我希望父組件中的另一個按鈕可以調用同一個子組件中的第二個方法(我們稱之為 methodTwo)。我該怎么做?
查看完整描述

2 回答

?
慕蓋茨4494581

TA貢獻1850條經驗 獲得超11個贊

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

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

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

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

希望這是有道理的!

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

TA貢獻1877條經驗 獲得超6個贊

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


  useImperativeHandle(ref, () => ({

    methodOne: () => {

    },

    methodTwo: () => {

    }

  }));


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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