React/ReactNative 状态管理: redux-toolkit 如何使用

import { configureStore } from '@reduxjs/toolkit';
import counterReducer from '../features/counter/counterSlice';
 
// 使用 Redux Toolkit 配置并创建一个新的 store
export const store = configureStore({
  reducer: {
    counter: counterReducer,
    // 你可以在这里添加更多的 reducer
  },
});
 
// 在应用的根组件中包裹
import { Provider } from 'react-redux';
import App from './App';
 
const rootElement = document.getElementById('root');
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  rootElement
);

这段代码演示了如何在一个React或React Native应用中使用Redux Toolkit来配置和创建一个store，并在根组件上使用<Provider>来使得整个应用的任何部分都能访问到Redux store。在实际的应用中，你需要创建相应的reducer和slice文件，并在store中注册它们。