react如何触发页面渲染更新
在React中，触发页面渲染更新的核心机制围绕状态（state）和属性（props）的变化展开。以下是常见方法和场景：
类组件中的更新触发方式
通过setState方法更新组件的状态，React会自动重新渲染组件及其子组件。该方法接受一个对象或函数作为参数，用于合并到当前状态。
this.setState({ count: this.state.count + 1 });使用forceUpdate强制重新渲染，跳过shouldComponentUpdate生命周期钩子。通常应避免使用，除非明确需要绕过优化。
this.forceUpdate();函数组件中的更新触发方式
通过useState钩子返回的状态更新函数触发重新渲染。直接修改状态变量不会触发更新。
const [count, setCount] = useState(0);
setCount(count + 1); // 触发渲染使用useReducer管理复杂状态，通过派发动作（dispatch）触发更新。
const [state, dispatch] = useReducer(reducer, initialState);
dispatch({ type: 'INCREMENT' }); // 触发渲染外部数据变化触发更新
当组件的props发生变化时，React会自动重新渲染组件。父组件重新渲染或传递新的props值均会导致子组件更新。
使用Context API时，当Provider的value属性变化，所有消费该Context的组件会重新渲染。
性能优化与手动控制
实现shouldComponentUpdate（类组件）或使用React.memo（函数组件）可以避免不必要的渲染。通过比较新旧props或state决定是否更新。
const MemoizedComponent = React.memo(MyComponent);副作用引起的更新
useEffect钩子依赖项数组中的值变化时，会触发副作用逻辑，可能间接导致渲染更新。
useEffect(() => {
// 副作用逻辑
}, [dependency]); // dependency变化触发重新执行异步更新批处理
React会将多次状态更新合并为单次渲染以提高性能。在事件处理函数或生命周期方法中的更新会被自动批处理。
需要同步获取更新后的状态时，可使用setState的回调函数或useEffect。
