如何从redux商店退订时，组件将卸载？如何装修还原连接？

Question

我将下面的道具（store Name）传递给我的组件：

<MyComponent reducerName="city" />

我想用动态名称（this.props.reducerName）连接到存储

例如

export default connect(state => ({
    some: state[this.props.reducerName]
}), { })(MyComponent);

如何装饰redux connect，或者我必须做什么？

我试图跳过redux连接并使用store.subscribe

componentDidMount() {
    store.subscribe(() => {
        this.setState({some: store.getState([this.props.reducerName]});
    });
}

但当我移动到另一页时，我看到以下错误：

警告：设置状态（…）：只能更新已安装或正在安装的组件。这通常意味着您在未安装的组件上调用了setState（）。这是禁止的。

如何从redux商店退订时，组件将卸载？

Answer 1

connect还有第二个参数ownProps，它是一个包含所有传入的props的对象。您可以这样做：

const mapStateToProps = (state, { reducerName = 'defaultReducer' }) => ({
  some: state[reducerName],
});

export default connect(mapStateToProps)(MyComponent);

Answer 2

要取消订阅，您可以简单地执行函数返回store.subscribe：

componentDidMount() {
  this.unsubscribe = store.subscribe(() => {
    // ...
  });
}
componentWillUnmount() {
  this.unsubscribe();
}