Reactjs 简单的反应路线没有出现
我遵循一个关于react routes的非常简单的教程,出于某种原因,此代码块不会在屏幕上渲染组件。以下是我在App.js中的代码: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-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;