
React 应用的状态管理有多种方案,本文对比几种主流选择。
Context API
React 内置的 Context API 适合中小型应用:
const ThemeContext = React.createContext("light");
function App() {
return (
<ThemeContext.Provider value="dark">
<Toolbar />
</ThemeContext.Provider>
);
}
Zustand
轻量级状态管理库,API 简洁:
import { create } from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
Redux Toolkit
适合大型应用的完整状态管理方案,提供标准化的状态管理模式。



