react hooks父传子组件数据更新不及时

img

父组件在238行重设了isDisabled的值 246行传给子组件

img


子组件useEffect接受了props传来的值并且设置了依赖

但父组件改变时子组件不会即使更新

modal组件有个销毁子元素的属性 加上试试

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 文章:搞懂react中Hooks 状态的用法(案例讲解) 中也许有你想要的答案,请看下吧
  • 除此之外, 这篇博客: React学习笔记——Hooks中useEffect的基础介绍和使用中的 1、Hook 使用规则 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    Hook 就是JavaScript 函数,但是使用它们会有两个额外的规则:
    1、只能在函数最外层调用 Hook。不要在循环、条件判断或者嵌套函数(子函数)中调用。
    2、只能在 React 的函数组件中调用 Hook。不要在其他 JavaScript 函数中调用。
    3、在多个useState()调用中,渲染之间的调用顺序必须相同


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^