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>
    )
}

  

posted on   左侧岚  阅读(235)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~

导航

< 2025年3月 >
23 24 25 26 27 28 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 1 2 3 4 5
点击右上角即可分享
微信分享提示