Question

我在使用connect（）时遇到了一些问题。我认为包装Provider中的所有组件都可以正常工作，但事实证明它不是.... 所以我发现我需要使用react-redux中的connect（）。问题是我不知道应该如何使用它。 This site显示了一些示例但是，我没有任何动作创建者进入连接，因为我不使用它们....... 有人可以给我一些建议吗？我只是想在组件内访问我的商店......

Answer 1

您可能更幸运使用Redux文档here。

以下是连接功能如何工作的简单示例：

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

class Item extends React.Component {
  render() {
    return <div onClick={() => this.props.dispatch( /* some action here */ )}>{this.props.name}</div>;
  }
}

function mapStateToProps(state) {
  return { name: state.name };
}

export default connect(mapStateToProps)(Item);

上面的内容是，当您导出Item组件时，您正在导出已包装的已连接组件。包装组件将从app状态传递prop name（它还将作为prop传递dispatch函数。

如何使用react-redux连接

1 个答案: