使用react，hooks钩子时useState更新不渲染组件的问题

react

当使用react，写如图组件时，发现一个很关键的问题，当选择用class写的时候，很容易通过组件更新渲染。

当我决定用函数式组件hooks来重构我的组件的时候，发现了一个很难搞的问题，当我通过onChange去改变父组件value的时候，value的值改了，竟然没有重新渲染组件？？？？

一脸懵逼的我，于是试图将class组件时先将value设为空再赋值-----失败了

于是试图通过钩子的生命周期看了一遍。。。。------失败了

还是百度吧------发现了同样的问题。。。发现用只要再后面加slice()

于是本着先解决问题的态度，将图中红圈位置改为了onChange(value.slice())

-----于是，解决了这个神奇的问题。

现在问题解决了，回过头来看看到底怎么回事。。。

查看文档发现一句话useState里数据务必为immutable （不可赋值的对象）

也就是ass component的state也提倡使用immutable数据，但不是强制的，因为只要调用了setState就会触发更新。所以再class组件中没有出现这种问题，或者通过改变为空再赋值是可以触发更新的。

但是再使用useState时，如果在更新函数里传入同一个对象时将无法触发更新。

于是解决思路就是通过slice() 返回一个新的对象去赋值是解决问题的关键。。。。