react如何修改数组
修改 React 中的数组
在 React 中修改数组时，需要遵循不可变性原则，即不直接修改原数组，而是创建新数组。以下是几种常见方法：
添加元素
使用展开运算符或 concat 方法创建包含新元素的新数组：
const newArray = [...oldArray, newElement];
// 或
const newArray = oldArray.concat(newElement);删除元素
使用 filter 方法创建不包含特定元素的新数组：
const newArray = oldArray.filter(item => item.id !== idToRemove);更新元素
使用 map 方法创建更新后的新数组：
const newArray = oldArray.map(item =>
item.id === idToUpdate ? {...item, property: newValue} : item
);插入元素
结合展开运算符和 slice 方法在特定位置插入元素：
const newArray = [
...oldArray.slice(0, index),
newItem,
...oldArray.slice(index)
];排序数组
使用 sort 方法创建排序后的新数组（注意要先复制数组）：
const newArray = [...oldArray].sort((a, b) => a - b);在组件中使用
在 React 组件中，应该使用状态管理钩子如 useState 来更新数组：
const [items, setItems] = useState(initialArray);
// 添加元素示例
const addItem = newItem => {
setItems(prevItems => [...prevItems, newItem]);
};性能考虑
对于大型数组，考虑使用 useMemo 或 useCallback 来优化性能，避免不必要的重新渲染。
