React 16.8 方法是通过改变父组件传给子组件的值会使子组件重新render触发子组件的useEffect事件

父组件

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;
子组件 import React, { useEffect } from 'react' function Child ({ num }) { useEffect(() => { alert('我被调用了') }, [num]) return ( <div>子组件</div> ) }

  

posted on 2022-05-09 19:32  左侧岚  阅读(223)  评论(0编辑  收藏  举报

导航