Я новичок в реагировании Js, и я столкнулся с некоторыми проблемами с ним. Я работаю над тестовым приложением, в котором вошедший в систему пользователь может удалить свой пост при нажатии кнопки удаления, когда он / она перенаправляется на маршрут, на котором отображается только модальное всплывающее окно с сообщением подтверждения (я использую порталы для этого).
Когда пользователь удаляет сообщение, он / она перенаправляется обратно на страницу, на которой были все сообщения, но удаленное сообщение отображается до тех пор, пока пользователь не перезагрузит страницу, и тогда она исчезнет. Кажется, я не могу найти решение этой проблемы. Я думал, что React было предложено изменить, но этого, похоже, не происходит. Вот фрагмент кода для этого
REACT
<button
onClick={() => this.props.deleteStream(id)}
className="ui negative button"
>
Delete
</button>
<button onClick={() => history.push("/")} className="ui button">
Cancel
</button>
REDUX (ACTION)
export const deleteStream = id => {
return async dispatch => {
await streams.delete(`/streams/${id}`);
history.push("/");
return dispatch({ type: DELETE_STREAM, payload: id });
};
};
Я использую loda sh для создания нового объекта, который обновляется, когда пользователь удаляет сообщение с указанным идентификатором
REDUX (РЕДУКТОР)
case DELETE_STREAM:
return _.omit(state, "id");