react子组件传递方法给父组件?

𝓜𝓲𝓼𝓯𝓲𝓽.
  • 12
浙江

我网上搜了一下关于react父组件获取子组件的方法,一般都是用使用forwardRefuseImperativeHandle这两个hooks。
我不明白之处在于:在子组件抛出的时候,直接把方法一起抛出可以吗?是有什么缺点吗?为什么还专门发明这两个hooks来获取子组件内容?
例如:

import { useState,useEffect } from "react";

export default function Msg(parentsProps){
  const [msg, setMsg] = useState("");
  useEffect(()=>{
    setMsg(msg=>msg+parentsProps);
  },[parentsProps])
  
  let context=(
  <>
    <div>{{msg}}</div>
  </>)
  return [context,setMsg];
}

如果父组件需要setMsg的话,父组件直接解构就好了。

回复
阅读 241
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏