小编Gal*_*e95的帖子

我正在尝试为应用程序创建登录模式表单。但是，当我单击链接而不是按钮时，我希望弹出窗口出现。换句话说，当我点击导航栏中的登录链接时，我不想被完全重定向到另一个页面。我只想弹出模态。

我对 ReactJS 很陌生，所以我不知道该怎么做。有人可以帮我理解如何让这个功能工作吗？我真的很感激。

此外，如果有人知道有关如何实现正确登录表单的一些重要资源，我也将不胜感激。我在 CodePen 上找到了一些，但没有一个真正展示了如何构建这个组件的清晰易懂的方法。至少，对于我这样的初学者来说。

下面是我的代码。另外，如果有帮助，我提供了我目前使用的站点的链接作为构建此代码的参考。

资源：https : //react-bootstrap.github.io/components/modal/

应用程序.js

import React from 'react';
import {BrowserRouter, Route, Switch} from 'react-router-dom'
import Navbar from './components/Navbar/navbar.js';
import Footer from './components/Footer/footer.js';
import Home from './pages/Home/home.js';
import Login from './pages/Login/login.js';
import Languages from './pages/Languages/languages.js';

function App() {
  return (
    <div className="App">
      <BrowserRouter>
        <Navbar/>
          <Switch>
            <Route exact path="/" component={Home}/>
            <Route path="/login" component={Login}/>
            <Route path="/languages" component={Languages}/>
          </Switch>
      </BrowserRouter>
      <Footer />
    </div>
  );
}

export default App;

导航栏.js

import React from 'react';
import { …