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

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

React forwardRef: ref 和其他道具

React forwardRef: ref 和其他道具

哈士奇WWW 2023-03-18 11:20:03
父組件:const Parent = (props) => {  const ref = useRef();  return <Child ref={ref} />}和孩子:const Child = forwardRef((props, ref) => {  return <button ref={ref} ...>click</button>})如果我想傳遞更多的道具怎么Child辦ref?我搜索了文檔和教程,但一無所獲;通過反復試驗,我想這會起作用:// in parent<Child onClick={...} prop1={...} prop2={...} ref={ref} />然后在 中,Child我可以從 中獲取這些道具 ( onClick,, ) 。prop1prop2props這就是我需要做的嗎?通過把ref作為最后一個道具傳遞給孩子?如果我有多個按鈕Child需要一個怎么辦ref?
查看完整描述

2 回答

?
萬千封印

TA貢獻1891條經驗 獲得超3個贊

//?in?parent
<Child?onClick={...}?prop1={...}?prop2={...}?ref={ref}?/>

順序無關緊要。forwardRef從屬性中提取 ref 屬性并創建一個包裝器。

其他道具可用(回調函數props中的第一個參數)forwardRef


查看完整回答
反對 回復 2023-03-18
?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

好吧,我遵循了這種方法,


父組件


const Parent = (props) => {

  const ref = useRef();


  return <Child _ref={ref} />

}

子組件


const Child = forwardRef(({ _ref, prop1, prop2, prop3, ...props }) => {

  return <button ref={_ref} ...>click</button>

})

它奏效了


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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