也就是说， 子 组件 刷新时不再执行constructor,不会对state重新赋值，所有 子 组件 虽然执行了render，但是渲染 数据 不变。或者componentWillReceiveProps生命周期，使props 更新 时重新 更新 value的值。要解决 问题 可以使用shouldComponentUpdate中重新对state赋值。当 父 组件 更新 导致 子 组件 更新 时， 子 组件 的生命周期执行顺序是。当 子 组件 接收的props赋值给state时如。会出现页面重新渲染，但是页面 数据 未发生变化。 <view class="outerContainer" v-for="brandItem,brandIndex in goodsList" :key="brandItem.id" style="margin-bottom: 20rpx;"> <view class="brandTitle">{{brandItem.name}}</view> <view class="brandItem 一个很常见的场景， React 中 父 组件 和 子 组件 在一起， 子 组件 不依赖于 父 组件 任何 数据 ，但是会一起发生变化。在探究原理之前，先回忆一下， React 中的Diff算法会将 更新 前后的两棵虚拟DOM树做对比，但这并不会决定 组件 是否 更新 ，只会决定是否要复用老的节点。import {Child 组件 没有接收来自 父 组件 的值，每次点击 父 组件 元素让name 更新 ，Child 组件 会 更新 吗？答案是会的，你一定会好奇， 子 组件 没有接收任何的props，为什么也会 更新 呢？ 贴下别人的文章，可个笔记。 今天在封装一个滑动选择 组件 遇到个怪事， 父 组件 状态记忆之前的选择，重新进入 父 组件 所在界面那么 更新 之前选择的状态，但是 组件 并没有 更新 到这个状态。多次检查发现 子 组件 没有随 父 组件 的 更新 而 更新 。 子 组件 使用如下： 需求： 父 组件 发送请求后，根据返回 数据 实时 更新 部分state， 子 组件 实时检测跟随跟新 1、可以使用利用 react 的componentWillReceiveProps方法 子 组件 中增加 componentWillReceiveProps(nextProps:any){ this. setState ({ reuploadFlag: nextProps.reuploadFlag, successFlag: nextProps.successFlag, 项目中，渲染的 数据 为对象数组arr = [ obj, obj, obj ... ]，业务需要要给某个对象obj增加一个属性key；在 父 组件 渲染之前，通过this.$set()方法，给要渲染的 数据 对象增加属性，保证被vue拦截加了getter和setter。没有通过$set方法增加，或者在渲染之后才增加该属性，导致该属性并不会被vue监听到。但是当在 父 组件 中 修改 这个属性后， 子 组件 并没有随着 更新 。... 本文介绍了 React 子 组件 向 父 组件 传值的方法，分享给大家 子 组件 需要控制自己的 state， 然后告诉 父 组件 自己的state，通过props调用 父 组件 中用来控制state的函数，在 父 组件 中展示 子 组件 的state变化。 /***实现在输入框输入邮箱时，在div中即时显示输入内容***/ <div id=test></div> </body> // 子 组件 var Child = React .createClass({ render: function(){ return ( 邮箱：<input onChange={th 我们使用 react 的时候常常需要在一个 组件 传入的props 更新 时重新渲染该 组件 ，常用的方法是在componentWillReceiveProps中将新的props 更新 到 组件 的state中（这种state被成为派生状态（Derived State）），从而实现重新渲染。 React 16.3中还引入了一个新的钩 子 函数getDerivedStateFromProps来专门实现这一需求。但无论是用componentWillReceiveProps还是getDerivedStateFromProps都不是那么优雅，而且容易出错。所以今天来探讨一下这类实现会产生的 问题 和更好的实现方案。 何时使用派生状态 目的实现 父 组件 异步获取 数据 后传递给 子 组件 ， 子 组件 能做出响应，目前不做任何处理的情况下， 父 组件 异步像 子 组件 传递一个数字时， 子 组件 的props值会 更新 ，但search.column不会 更新 ，如下图。封装了一个select的 组件 ，在 父 组件 调用时传入parentValue。 子 组件 中search.column绑定parentValue。最终 子 组件 的select选择器绑定search.column。 子 组件 定义props接收parentValue。 父 组件 页面加载时获取接口 数据 并赋值给form。