React 16.8 方法是通过改变父组件传给子组件的值会使子组件重新render触发子组件的useEffect事件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 父组件 import React, { useState } from 'react' import Child from './index.js' function Father () { const [toChildNum, setToChildNum] = useState(0) return ( <div> <button onPress={() => { setToChildNum(toChildNum + 1) }} > 点击调用子组件方法 </button> <Child num={toChildNum} /> </div> ) } export default Father;<br> 子组件 import React, { useEffect } from 'react' function Child ({ num }) { useEffect(() => { alert( '我被调用了' ) }, [num]) return ( <div>子组件</div> ) } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~