为什么concat()不能在react/hook中工作？

在React和Hook中，concat()方法不能直接用于合并数组，因为React中的状态（state）是不可变的。React使用虚拟DOM（Virtual DOM）来管理和更新UI，当状态发生变化时，React会创建一个新的虚拟DOM树，并与之前的虚拟DOM树进行比较，然后只更新有变化的部分。

concat()方法是用于合并数组的，它会返回一个新的数组，而不会修改原始数组。在React中，当使用concat()方法合并数组时，会创建一个新的数组对象，这与React的不可变性原则相冲突。由于React会比较新旧虚拟DOM树的差异，如果使用concat()方法合并数组，会导致每次状态变化都会生成一个新的数组对象，从而触发不必要的虚拟DOM比较和更新，影响性能。

为了解决这个问题，可以使用其他方法来合并数组，例如使用扩展运算符（spread operator）[...array1, ...array2]或数组的push()方法等。这些方法不会创建新的数组对象，而是在原始数组上进行操作，符合React的不可变性原则。

总结起来，concat()方法不能在React和Hook中工作，因为它会创建一个新的数组对象，与React的不可变性原则相冲突。应该使用其他方法来合并数组，例如扩展运算符或push()方法。