Javascript 反应不显示正确的路线
我正在组装一个小应用程序来适应React,现在我已经安装了React路由器Dom,当我单击一个链接时,URL会正确更改。问题是没有显示正确的组件 index.jsJavascript 反应不显示正确的路线,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在组装一个小应用程序来适应React,现在我已经安装了React路由器Dom,当我单击一个链接时,URL会正确更改。问题是没有显示正确的组件 index.js ReactDOM.render( <Router> <App /> </Router>, document.getElementById('root') ); registerServiceWorker(); ReactDOM.render( , document.getEle
ReactDOM.render(
<Router>
<App />
</Router>,
document.getElementById('root')
);
registerServiceWorker();
ReactDOM.render(
,
document.getElementById('root'))
);
registerServiceWorker();
App.js
import React, { Component } from 'react';
import Sidebar from './Components/Sidebar';
import SidebarItem from './Components/SidebarItem';
import Home from './Components/Home';
import './App.scss';
import { Link, Route, Switch } from 'react-router-dom';
class App extends Component {
constructor() {
super();
this.state = {};
}
render() {
return (
<div className="App">
<Link to='/home'>Home</Link>
<Switch>
<Route path='/home' Component={Home} />
</Switch>
</div>
);
}
}
export default App;
import React,{Component}来自'React';
从“./Components/Sidebar”导入侧栏;
从“./Components/SidebarItem”导入SidebarItem;
从“./Components/Home”导入Home;
导入“/App.scss”;
从“react router dom”导入{Link,Route,Switch};
类应用程序扩展组件{
构造函数(){
超级();
this.state={};
}
render(){
返回(
家
);
}
}
导出默认应用程序;
谁能告诉我HomeComponent没有出现的原因吗?采用组件的
路线的道具拼写为组件
,带有一个小的c
,而不是组件
示例
function Home() {
return <div> Home </div>;
}
class App extends Component {
render() {
return (
<Router>
<div>
<Link to="/home">Home</Link>
<Switch>
<Route path="/home" component={Home} />
</Switch>
</div>
</Router>
);
}
}
函数Home(){
回家;
}
类应用程序扩展组件{
render(){
返回(
家
);
}
}
Top提示:你的构造函数是毫无意义的。“把它拿走。”本克拉克发生在我们所有人身上。