react组件如何强制刷新
强制刷新 React 组件的常见方法
使用 key 属性强制重新渲染
通过修改组件的 key 值，React 会将其视为新组件，触发卸载和重新挂载。例如：
const [key, setKey] = useState(0);
const refreshComponent = () => setKey(prevKey => prevKey + 1);
<MyComponent key={key} />调用 forceUpdate 方法
类组件中可直接调用内置的 forceUpdate 方法，跳过 shouldComponentUpdate 检查：
class MyComponent extends React.Component {
handleRefresh = () => this.forceUpdate();
}通过状态更新触发渲染
修改组件的状态（state）或传递新的 props 是最推荐的方式。即使数据未变化，也可通过空对象或时间戳触发：
const [refreshFlag, setRefreshFlag] = useState({});
const refresh = () => setRefreshFlag({ ...refreshFlag });使用 Context 或 Redux 全局状态
当组件依赖全局状态时，更新 Context 或 Redux 存储会触发关联组件重新渲染：
const { forceUpdate } = useContext(MyContext);
// 或通过 Redux 的 dispatch 更新状态注意事项
- 优先使用状态/props 驱动渲染，避免滥用
forceUpdate。 key重置会导致组件完全重建，可能影响性能。- 函数组件中可通过自定义 Hook 封装刷新逻辑，提高复用性。
