ReactJS: Почему компонент не обновляется при изменении хранилища?

Question

[Archakov Dennis]

При добавлении комментария, компонент почему-то не обновляется. Есть 2 reducers.

questions - хранит список вопросов, в каждом из которых содержится свойство (массив) с ответами на вопросы.
fullQuestion - информацию о конкретном вопросе.

import { compose, withHandlers } from 'recompose';
import { connect } from 'react-redux';
import find from 'lodash/find';

const mapStateToProps = ({ questions }, { match }) => ({
  question: find(questions.items, { id: parseInt(match.params.id) })
});

export default compose(
  connect(mapStateToProps, mapDispatchToProps),
  withHandlers({
    ...
  }),
)(FullQuestion);

Когда я отправляю экшн на добавление ответа, изменения вносятся, но компонент не апдейтится.

const initialState = {
  items: [],
};

const questions = (state = initialState, action) => {
  switch (action.type) {
    case 'QUESTIONS:ADD_ANSWER':
      return {
        ...state,
        items: state.items.map(obj => {
          if (obj.id === parseInt(action.payload.question_id)) {
            obj.answers = [...obj.answers, action.payload];
          }
          return obj;
        })
      };

    default:
      return state;
  }
};

export default questions;

Ответ сохраняется в question.answers, но компонент не обновляется.

Answer 1

[Антон Спирин]

Вы передаете в компонент один и тот же объект. Вот он и не обновляется. Изменения хранилища ваш компонент не интересуют, только изменение данных которые вы туда передаете.
Храните плоские данные. Тогда таких проблем возникать не будет.

Comments

[Archakov Dennis]

Уточните, пожалуйста, что значит "плоские данные"?

[Антон Спирин]

Archakov Dennis, плоские данные это когда отдельно хранятся вопросы с доступом по ключу, отдельно ответы. Возможно для вашей задачи этого и не надо. Лучше проектировать такие вещи исходя из задач.
Ваш редьюсер можно исправить так:

if (obj.id === parseInt(action.payload.question_id)) {
  return { ...obj, answers: [...obj.answers, action.payload] };
}

и компонент будет обновляться.

[Archakov Dennis]

Антон Спирин, я все таки разделил вопрос и ответы по ключам. Но спасибо за пояснение.