@IIITRIX

Как мигрировать с react-redux в react-query?

Доброго времени суток. Начал изучать react-query, не могу разобраться.
Помогите пожалуйста примером на основе моего кода

Был такой action и reducer
export const addHighlighting = parent_id => dispatch => {
  dispatch({
    type: types.HANDLE_COMMENT_HIGHLIGHTING,
    payload: {
      parent_id,
      is_highlighted: true
    }
  })
}

case types.HANDLE_COMMENT_HIGHLIGHTING:
      const parentIndex = state.comments.findIndex(
        comment => comment.id == action.payload.parent_id
      )
      return update(state, {
        comments: {
          [parentIndex]: {
            is_highlighted: { $set: action.payload.is_highlighted }
          }
        }
      })


Потом на странице был функционал, который поднимал состояние и при наведении мыши, подсвечивал комментарий родителя.
onMouseEnter={() => addHighlighting(comment.parent)}
onMouseLeave={() => removeHighlighting(comment.parent)}


Как это теперь сделать на react-query? Объясните пожалуйста
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы