React Router useHistory go功能无法正常运行

问题描述

我有一个Typescript应用，正在使用react-router-dom 5.1.2和Mobx。它使用useHistory挂钩。我有处理模式提交表单的代码，然后执行go（0）返回上一页。问题在于它似乎在浏览器中更改了URL，并且确实转到了该先前的组件，但是未调用该先前组件上的useEffect（...，[]）。我想让我的应用程序转到该react组件，并始终调用该组件的useEffect挂钩中的内容。换句话说，我想确保该组件总是重新加载。我该怎么办？

编辑： 这是调用go（0）返回的组件。

export const MyComponent: React.FC<SomeProps> = observer(({
  onClick,id,onComplete,labels,}: SomeProps) => {
  const { push,go } = useHistory();

  ...
  onSubmit=() => {
      ...
      go(0);
  }
}

这是我希望它返回的组件。该组件使用useEffect，当我们返回时不会调用它。

export const MyBackContainer: React.FC = observer(() => {
  useEffect(() => {
    async function loadStuff() {
      await dataStore.loadStuff();
    }
    loadStuff();
  },[]);

  ...

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）