React 刷新组件 不刷新页面

Question

<Father>

<Son1 />
<Son2 />

</Father>

son1 2 是两个表单。
son1更改后需要显示新的信息，但是不希望刷新界面清空son2的值。
请问怎么解决？

Answer 1

<Son1 />
<Son2 />
在两个组件this.state 中定义两个对象来装数据。这样就可以做到互不影响。

Answer 2

<Son1 data='this.state.data1'/><Son2 data='this.state.data2'/>是两个不同的组件，son1里面的值如果改变son2是不会刷新的
把你具体代码截个图

Answer 3

在这个生命周期里面shouldComponentUpdate，根据你的情况取控制组件刷不刷新

Answer 4

查看 Son1 Son2 是否有数据共享? 目测可能是存在共享，所以 Son1 变更影响到 Son2

Answer 5

在Son2的shouldComponentUpdate方法中做判断，如果传进来的属性为发生改变，返回false，这样Son2就不会重新渲染了。

Answer 6

1. 最好将问题描述的再清晰一点
2. 你的刷新是指什么刷新?浏览器刷新?
3. Son1 和 Son2 要做到低耦合, Son1 如果不影响Son2 那么2就不需要更新