redux connect使用方法
时间: 2023-03-28 13:01:17 浏览: 134
react-redux中connect()方法详细解析
redux connect 是一个高阶组件,用于连接 React 组件与 Redux store。使用方法如下:
1. 导入 connect 函数和需要连接的组件
```
import { connect } from 'react-redux';
import MyComponent from './MyComponent';
```
2. 定义 mapStateToProps 函数,将 store 中的 state 映射到组件的 props 上
```
const mapStateToProps = state => ({
data: state.data
});
```
3. 定义 mapDispatchToProps 函数,将 dispatch 映射到组件的 props 上
```
const mapDispatchToProps = dispatch => ({
fetchData: () => dispatch(fetchData())
});
```
4. 使用 connect 函数连接组件和 store
```
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);
```
这样,MyComponent 就可以通过 props 访问到 store 中的 state 和 dispatch 函数了。
阅读全文