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

发布时间:2022-06-08 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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>
    )
}

  

脚本宝典总结

以上是脚本宝典为你收集整理的React 16.8 方法是通过改变父组件传给子组件的值会使子组件重新render触发子组件的useEffect事件全部内容,希望文章能够帮你解决React 16.8 方法是通过改变父组件传给子组件的值会使子组件重新render触发子组件的useEffect事件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。