react 父组件控制子组件的更新,但不能重新渲染父组件?

诉求:react父组件某些值改变后,需要让子组件同步更新,但是这个过程不能让父组件重新渲染

请帮忙罗列下所有可能的方式

image.png

阅读 1.5k
1 个回答

图中你把changeNum这个state从父组件传递给子组件,这样肯定是达不到你想要的效果的,因为state变化一定会引起重新渲染.
满足你描述的最好办法是用Ref,下面是一个示意:

const app=()=>{
const changeNumRef=useRef(0);
const setNum=(newNum)=>{changeNumRef.current=newNum};
return <Child changeNum={changeNumRef.current} />
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏