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>
)
}
浙公网安备 33010602011771号