javascript - 有没有办法在 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;

标签： javascriptreactjs

Answer 1

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

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

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