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

Question

我的应用程序中有BasicLayout.jsx，它传递主要组件的道具，并在布局中呈现子组件。我希望执行一些逻辑依赖于useEffect() of BasicLayout.jsx内部的URL更改。是否有任何有效的方法来检测useLocation钩子的任何URL更改？

Answer 1

在本例中，我希望重新呈现BasicLayout.tsx，我使用useHistoy()钩子而不是useLocation()，并将当前的URL路径名作为依赖项传递给useEffect()。

下面是代码片段：

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

  let url = useHistory();

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