我将以下道具(storeName)传递给我的组件：
- <MyComponent reducerName="city" />
我想用动态名称连接到商店(this.props.reducerName)
例如
- export default connect(state => ({
- some: state[this.props.reducerName]
- }),{ })(MyComponent);
如何装饰redux连接,或者我必须做什么？
我试图跳过redux connect并使用store.subscribe
- componentDidMount() {
- store.subscribe(() => {
- this.setState({some: store.getState([this.props.reducerName]});
- });
- }
Warning: setState(…): Can only update a mounted or mounting
component. This usually means you called setState() on an unmounted
component. This is a no-op.
如何在组件卸载时取消订阅redux store？
解决方法
connect具有ownProps的第二个参数,该参数是包含所有传入道具的对象.你会做这样的事情：
- const mapStateToProps = (state,{ reducerName = 'defaultReducer' }) => ({
- some: state[reducerName],});
- export default connect(mapStateToProps)(MyComponent);
