react如何触发更新
React 触发更新的方法
React 的更新机制基于状态（state）和属性（props）的变化，以下是触发更新的常见方式：
使用 setState 更新组件状态
通过调用 setState 方法可以触发组件的重新渲染。setState 接受一个对象或函数作为参数，用于更新组件的状态。
this.setState({ count: this.state.count + 1 });如果是函数式组件，可以使用 useState Hook 提供的状态更新函数：
const [count, setCount] = useState(0);
setCount(count + 1);通过 Props 变化触发更新
父组件传递的 props 发生变化时，子组件会自动重新渲染。确保 props 是新的引用或值，React 会通过浅比较判断是否需要更新。
使用 forceUpdate 强制更新
在某些特殊情况下，可以调用 forceUpdate 强制组件重新渲染，但通常不建议使用。
this.forceUpdate();使用 Context 触发更新
当 Context 的值发生变化时，所有订阅该 Context 的组件会重新渲染。可以通过 useContext 或 Context.Consumer 实现。
const value = useContext(MyContext);使用 Redux 或其他状态管理库
通过 Redux 的 dispatch 触发 action，更新全局状态后，连接的组件会自动重新渲染。
dispatch({ type: 'INCREMENT' });使用 useReducer Hook
useReducer 提供了一种更复杂的状态管理方式，通过 dispatch 触发 reducer 函数更新状态。
const [state, dispatch] = useReducer(reducer, initialState);
dispatch({ type: 'UPDATE' });依赖数组变化触发 Effect 更新
在 useEffect 或 useMemo 中，依赖数组的变化会触发回调函数的重新执行或值的重新计算。
useEffect(() => {
// 副作用逻辑
}, [dependency]);使用 key 属性强制重新渲染
通过改变组件的 key 属性，可以强制 React 销毁旧组件并创建新实例。
<Component key={uniqueKey} />注意事项
- 避免在渲染过程中直接修改状态或 props，否则可能导致无限循环或不必要的更新。
- 合理使用
shouldComponentUpdate或React.memo优化性能，避免不必要的渲染。
