reactjs - 如何检测 UmiJS React Web 应用程序中的 URL 更改？

Question

在BasicLayout.jsx我的应用程序中有传递主要组件的道具并在布局内呈现子组件。我想执行一些逻辑取决于useEffect(). BasicLayout.jsx有没有什么有效的方法可以用useLocation钩子检测任何 URL 更改？

Answer 1

在这种情况下，BasicLayout.tsx我想重新useHistoy()渲染.useLocation()useEffect()

这是代码片段：

  import { useHistory } from 'react-router-dom';

  let url = useHistory();

  useEffect(() => {
     ...
     // perform some logic
     ...
  }, [currentUser, declaration, url.location.pathname]);