Доброго времени суток. Начал изучать 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? Объясните пожалуйста