如何解决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 举报,一经查实,本站将立刻删除。