Можно ли декорировать redux connect или как отписаться от redux store?

Question

[nemoisfree]

Передаю props (storeName) в компонент

<MyComponent reducerName="city" />

в компоненте я бы хотел подписаться на store с тем именем, который я передал т.е. (this.props.reducerName)

для примера как бы я хотел, чтобы это выглядело

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

Можно ли как-то декорировать redux connect? Передав в него как-то this.props.reducerName

Я пробовал пойти другим путем и использовал 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, когда демонтируется?

Comments

[Виталий]

Можно передать линкстейт из родителя и кже им получать нужные данные

Answer 1

[Максим]

Не знаю зачем, но на вопрос "Как отписаться от redux store, когда демонтируется?" ответить легко - использовать componentWillUnmount

p.s. стоит прочитать полностью - the component lifecycle

Comments

[nemoisfree]

я вот смотрю на ваши ответы и мне кажется вы пиаритесь просто, мне уже подсказали, что в коннекте кроме state есть второй аргумент ownProps. Про жизненные циклы мне известно, здесь вопрос про redux store был

[Максим]

nemoisfree:

Как отписаться от redux store, когда демонтируется?

демонтируется кто? Компонент? Я как понял ваш вопрос - так и ответил. Если вы нашли ответ на свою проблему - просто отпишитесь как ее решили, а я удалю свой ответ.
p.s. ну и заодно можете привести список плохих ответов.

[Максим]

nemoisfree:

здесь вопрос про redux store был

Попробую еще раз:
в документации написано: To unsubscribe the change listener, invoke the function returned by subscribe (чтобы отписаться - вызовите функцию, возвращенную при подписке). Получается так (не точно, но скорее всего):
создаете в начале файла переменную unsubscribe.
Далее в cdm: unsubscribe = store.subscribe(handleChange), где handleChange - ваша функция.
Далее в cwu: unsubscribe()

Я такое не делал, но судя по доке должно работать.

P.S. комментарии в рейтинге не учитываются
P.P.S. для решения проблемы с warning'ом про setState - мне пригодилось https://github.com/facebook/react/issues/5465#issu...

[nemoisfree]

Максим: спасибо, это уже в тему