reactjs – 如何使用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);