最新版react-redux使用

最新版的 react-redux 使用方法如下：

首先，确保你的项目已经安装了 react-redux 依赖包。你可以使用以下命令安装它：

npm install react-redux

或

yarn add react-redux

接下来，你需要创建一个 Redux store。你可以使用 Redux Toolkit 来简化这个过程。首先，导入 `configureStore` 和 `getDefaultMiddleware` 函数：

import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';

然后，创建一个 rootReducer 来合并你的所有 reducer：

import { combineReducers } from 'redux';

const rootReducer = combineReducers({
  // 这里是你的 reducer
});

接着，使用 `configureStore` 函数创建 Redux store。你可以通过传入一个对象来配置 store，例如指定 reducer、middleware 等等。以下是一个示例：

const store = configureStore({
  reducer: rootReducer,
  middleware: getDefaultMiddleware()
});

现在，你可以使用 `<Provider>` 组件来将 Redux store 提供给你的整个应用程序。在你的根组件中，导入 `<Provider>` 组件和你的 Redux store，然后将其包裹在应用的最外层：

import { Provider } from 'react-redux';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

通过将 Redux store 提供给整个应用程序，你可以在应用的任何地方使用 `useSelector` 和 `useDispatch` 钩子来访问 Redux store 中的状态和分发 action。例如，在你的组件中，你可以这样使用：

import { useSelector, useDispatch } from 'react-redux';

const MyComponent = () => {
  const counter = useSelector(state => state.counter);
  const dispatch = useDispatch();

  // 使用 counter 和 dispatch
};

这就是最新版的 react-redux 的使用方法。你可以根据你的具体需求，自定义配置和使用其他相关的 react-redux API。希望对你有帮助！