React Router 使用 hooks 监听路由变化

Jun 20, 20222 min read

import React, { useEffect } from 'React';
const Header = function (props) {
  useEffect(() => {
    console.log(props.location);
  }, [props.location])
}
export default Header;

其实监听路由最重要的就是监听 props 中 locatio 对象是否发生了变化，变化了则说明路由改变了，反正则不变。