响应从location.state访问自定义状态字段

Question

我正在尝试在登录后实现重定向。但当到达登录页面时，会有自定义路由通过，这取决于按下哪个按钮等。

import { useLocation } from 'react-router-dom';
const Login: FC = (): JSX.Element => {
const location = useLocation();
const [claimUrl, setClaimUrl] = useState({});
useEffect(() => {
location.state && setClaimUrl(location.state.claimUrl);
}, [location]);
...
};

我收到一个错误：Property 'claimUrl' does not exist on type '{}'.

那么，有没有一种方法可以在位置上定义它？

任何帮助/建议都会很好。

Answer 1

通过将字段添加到useLocation()来解决这个问题。

const location = useLocation<{
claimUrl: unknown;
}>();