在布局.jsx中

<Link to="/about">
    <button>About</button>
</Link>
<Link to="/login">
    <button>Login</button>
</Link>

在应用程序jsx中

import About from './about';
import Layout from './Layout'
import Login from './login';
<Layout />
<Routes>
   <Route path='/about' element={<About />}/>
   <Route exact path='/login' element={<Login />} />
</Routes>

在索引.js中

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
      <App />
  </BrowserRouter>
);

当我点击登录按钮时，它会在按钮下打开...！相反，我想在同一标签中打开一个新页面...