Reactjs 简单的反应路线没有出现

Reactjs 简单的反应路线没有出现,reactjs,react-router,react-router-dom,Reactjs,React Router,React Router Dom,我遵循一个关于react routes的非常简单的教程,出于某种原因,此代码块不会在屏幕上渲染组件。以下是我在App.js中的代码: 这里的react-router-dom版本似乎不正确,API在V6中稍有更改,因此如果您尝试稳定的版本,一切都会正常工作 您可以将版本更改为指向稳定版本的@latest,也可以安装特定版本 npm-ipackageName@versionNumber npm卸载路由器dom npm安装反应路由器-dom@latest或npm安装react路由器-dom@5.2 我

我遵循一个关于react routes的非常简单的教程,出于某种原因,此代码块不会在屏幕上渲染组件。以下是我在App.js中的代码:


这里的
react-router-dom
版本似乎不正确,API在V6中稍有更改,因此如果您尝试稳定的版本,一切都会正常工作

您可以将版本更改为指向稳定版本的
@latest
,也可以安装特定版本

npm-ipackageName@versionNumber

npm卸载路由器dom
npm安装反应路由器-dom@latest或npm安装react路由器-dom@5.2

我无法创建您在codesandbox中遇到的任何错误。我觉得很好。js控制台中是否有任何错误?他们使用的是版本6.0.0-beta.0,版本稍有不同API@Nick谢谢你的评论;我安装了错误版本的
react router dom
。由于某些原因,当一切都设置好时,这是默认设置。嗨!非常感谢您的评论!我运行了两个
npm安装程序-dom@5.2
npm安装响应-router@5.2
而且我的代码工作正常。再次感谢!我想投票,但是StackOverflow还没有给我这个特权。。。
import React from "react";
import "./App.css";
import { BrowserRouter as Router, Route } from "react-router-dom";
import SigninPage from "./pages/signin";

function App() {
  return (
    <Router>
      <div>
        <Route path="/" component={SigninPage} exact />
      </div>
    </Router>
  );
}

export default App;
import React from "react";

const SigninPage = () => {
  return (
    <div>
      <h1>Signin</h1>
    </div>
  );
};

export default SigninPage;