有没有一种方法可以在React中将用户重定向到您网站上的相关网页

Question

我有一个导航栏组件和一个登录组件，我想使用导航栏链接将用户发送到登录页面，但每次我点击登录时，它都会将我发送到主页

import React from 'react';
import './Navbar.scss';
class Navbar extends React.Component {
render() {
return (
<div>
<nav>
<div className="logo">
Travel with Us!
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Contact</a></li>
<li><a href="./Login.js">Login</a></li>
</ul>
</nav>
</div>
)
}
}
export default Navbar;

Answer 1

您必须知道React是Single Page Application。我们在SPA中显示和隐藏组件。但页面保持不变。

您可以使用一个名为react-router-dom的与React配合良好的库来在应用程序中提供路由。

此资源可能会有所帮助https://reactrouter.com/web/guides/quick-start