Question

我有一个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();
  }, []);

  ...

}

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

0 个答案: