reactjs – 如何使用react-redux连接

发布时间：2020-12-15 20:15:03 所属栏目：百科来源：网络整理

导读：参见英文答案 How to get simple dispatch from this.props using connect w/ Redux?????????????????????????????????????3个我对connect()有一点问题.我认为包装Provider中的所有组件都可以正常工作,但事实证明它不是…. 所以我发现我需要使用react-redux

参见英文答案 > How to get simple dispatch from this.props using connect w/ Redux?????????????????????????????????????3个
我对connect()有一点问题.我认为包装Provider中的所有组件都可以正常工作,但事实证明它不是….
所以我发现我需要使用react-redux中的connect().问题是我不知道应该如何使用它. This site显示了一些例子但是,我没有任何动作创建者进入连接因为我不使用它们…….
有人可以给我一些建议吗？我只是想在组件内访问我的商店……

解决方法

为了在您的容器中使用您的商店,您需要做两件事

首先：使用mapStateToProps().
?????顾名思义,它将状态变量从您的商店映射到您指定的道具

其次：您需要将这些道具连接到您的容器.这就是connect()进入画面的地方. mapStateToProps组件返回的对象连接到容器.你可以从反应还原来导入连接,例如来自’react-redux’的import {connect};

例

import React from 'react';
import { connect } from 'react-redux';

class App extends React.Component {
  render() {
    return <div>{this.props.containerData}</div>;
  }
}

function mapStateToProps(state) {
  return { containerData: state.appData };
}

export default connect(mapStateToProps)(App);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!