重定向后反应不重新渲染

Question

我是 React Js 的初学者，但我遇到了一些问题。我正在开发一个测试应用程序，其中登录用户可以在按下删除按钮时删除他/她的帖子，在那里他/她被重定向到只显示带有确认消息的弹出模式的路线（我正在使用反应门户）。

当用户删除帖子时，他/她被重定向回包含所有帖子的页面，但删除的帖子在用户重新加载页面之前可见，那是它消失的时候，我似乎找不到一个解决方案。我认为 React 应该重新渲染，但似乎没有发生。这是一个代码 sn-p

反应

 <button
      onClick={() => this.props.deleteStream(id)}
      className="ui negative button"
    >
      Delete
    </button>
    <button onClick={() => history.push("/")} className="ui button">
      Cancel
    </button>

REDUX（动作）

export const deleteStream = id => {
  return async dispatch => {
    await streams.delete(`/streams/${id}`);
    history.push("/");
    return dispatch({ type: DELETE_STREAM, payload: id });
  };
};

我正在使用 lodash 创建一个新对象，当用户删除具有指定 ID 的帖子时该对象会更新

REDUX(减速机)

 case DELETE_STREAM:
  return _.omit(state, "id");

Answer 1

我建议使用现代 JavaScript 从对象中删除键。

您使用omit 错误并删除了一个名为“id”的键，但我认为键是 id，您应该使用return _.omit(state, action.payload);

但最好不要打扰 loadash 并使用 JS

return Object.fromEntries(
  Object.entries(state).filter(([key])=>key!==action.payload)
)

如果您打算更频繁地使用它，可以将其放入库函数中。