如何理解react中
React 中的状态管理
React 的状态管理是组件内部数据的存储和更新机制。状态（state）允许组件在用户交互或数据变化时重新渲染，保持界面与数据的同步。使用 useState 钩子可以声明状态变量，并通过对应的更新函数修改状态。
const [count, setCount] = useState(0);组件生命周期
React 组件的生命周期包括挂载（Mounting）、更新（Updating）和卸载（Unmounting）三个阶段。生命周期方法如 componentDidMount 或 useEffect 钩子用于在特定阶段执行副作用操作，例如数据获取或清理资源。
useEffect(() => {
console.log('Component mounted');
return () => console.log('Component unmounted');
}, []);虚拟 DOM 与高效渲染
React 通过虚拟 DOM（Virtual DOM）优化渲染性能。当状态变化时，React 会生成新的虚拟 DOM 树并与旧的进行比较（Diffing），仅更新实际 DOM 中必要的部分。这一机制减少了直接操作 DOM 的开销。
组件通信
父子组件通过 props 传递数据，子组件通过回调函数通知父组件状态变化。复杂场景下可使用 Context API 或状态管理库（如 Redux）实现跨层级数据共享。
<ChildComponent data={parentData} onUpdate={handleUpdate} />函数组件与类组件
函数组件结合 Hooks（如 useState、useEffect）是当前推荐写法，更简洁且易于测试。类组件通过 this.state 和生命周期方法管理状态，适用于遗留代码或特定需求。
状态提升
多个组件需要共享状态时，将状态提升至最近的共同父组件中管理。通过 props 向下传递数据，避免状态分散导致的冗余和同步问题。
不可变数据原则
直接修改状态可能导致渲染问题。应使用不可变更新模式，例如通过展开运算符或 map/filter 返回新数组/对象，确保状态变更可追踪。
setItems([...items, newItem]);
