Protect routes react router dom 6

Question

我有一个编辑一些信息的路由('profile/edit')，我想通过输入URL来防止用户到达它。例如，如果用户在URL中输入www.mywebsite.com/profile/edit/，它将被重定向到www.mywebsite.com/。所以我只希望当你点击编辑按钮时它是可访问的。我该怎么做呢?我在这个项目中使用react route 6。

Answer 1

这个URL只有登录后才能访问吗?

或者您需要任何参数值来编辑?

如果是，请仔细检查你的实现，那里你有其他最好的方法来做

在你的根组件中调用一个useNavigate(在只调用一次的useEffect中)

//rootComponent
const navigate = useNavigate()
useEffect(()=> {
navigate('/')
), [])
//Rest of your code