react-redux安装

React-Redux是一个结合了React和Redux的库，它使得在React应用中集成状态管理变得更加容易。Redux是一个单一来源的状态管理库，而React-Redux提供了一组工具来帮助你将Redux的状态管理与React组件结合起来。

安装React-Redux的步骤通常是这样的：

1. 首先，确保你已经安装了Node.js和npm（Node包管理器）。
2. 在你的项目目录中，打开终端或命令提示符。
3. 使用npm或yarn来安装`react-redux`和`redux`库。如果你还没有安装`redux`，可以先安装：

   npm install redux

或者使用yarn：

   yarn add redux

4. 安装`react-redux`：

   npm install react-redux

或者：

   yarn add react-redux

5. 引入到你的项目中。通常会创建一个store来保存全局状态，以及将store连接到React组件上：

   // 在index.js或App.js中
   import { createStore } from 'redux';
   import rootReducer from './reducers'; // 根 reducer，合并所有模块的reducer
   const store = createStore(rootReducer);
   // 如果你在使用react-redux，还需要引入Provider组件：
   import { Provider } from 'react-redux';
   import App from './App'; // 你的React应用组件

   function Root() {
     return (
       <Provider store={store}>
         <App />
       </Provider>
     );
   }

   ReactDOM.render(<Root />, document.getElementById('root'));

6. 在React组件中，使用`connect`函数从store中提取数据并处理dispatch动作：

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

   function MyComponent() {
     const myState = useSelector(state => state.mySlice); // 选择store中的状态
     const dispatch = useDispatch(); // 获取dispatch方法

     // 在组件内部使用state和dispatch
     // ...
   }