React向数组添加对象后，遍历，报错：[].map is not a function

向数组添加元素是这么写的

const [list,setList] = useState( [1,2,3])

比如数组list = [1,2,3],向数组添加4.

setList(list.push(4)). 结果再去遍历list，报错

原因：向数组push数据后，返回的数据是最新的数组的长度。所以，最后一步是把数组的长度赋值给了list。故遍历报错

解决方案：setList(list.concat(4)).

注意：

concat返回的结果是最新数组，但是concat并不改变原数组数据