vue和react中props变化后修改state的方式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue和react中props变化后修改state的方式相关的知识，希望对你有一定的参考价值。
参考技术A 如果只想在 state 更改时重新计算某些数据，比如搜索框案例。如果你想在 prop 更改时“重置”某些 state ，比如随机默认值案例
Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动：侦听属性 watch 。
React生命周期 getDerivedStateFromProps 会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state ，如果返回 null 则不更新任何内容。
父组件重新渲染时触发，请注意，不管原因是什么，都会在每次渲染前触发此方法。
直接复制 prop 到 state 是一个非常糟糕的想法。这两者的关键在于，任何数据，都要保证只有一个数据来源，而且避免直接复制它。
react父组件传入的属性没有让子组件收到的prop变化
参考技术A react父组件传入的属性没有让子组件收到的prop变化如果想要传递子组件的props改变后刷新子组件dom，就要将父组件的state中的值传给子组件，而不是将普通的变量传递给子组件vue更改props的值子组件会刷新，因为vue中传递给props的值也是父组件状态中的变量
以上是关于vue和react中props变化后修改state的方式的主要内容，如果未能解决你的问题，请参考以下文章
React生命周期, setState、props改变触发的钩子函数
React组件三大核心属性: state、props、refs
「React Native」子组件Render中props为空报错问题