反应路由无法在反应样板中工作

问题描述 投票:1回答:1

我正在尝试路由,但它不工作它显示一个空白页面这里的代码当我点击localhost:3000 / home它没有显示任何东西

import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from "react-router-dom";


const Home = () =>{
  return(
      <div>
        <p>Home</p>
      </div>
  );
}

class App extends Component {
  render() {
    return (
      <Router>
        <Route path='/home' Component={Home}/>
      </Router>
    );
  }
}

export default App;
reactjs
1个回答
0
投票

<Route />中的组件支柱区分大小写,使其成为小写

class App extends Component {
render() {
    return (
      <Router>
        <Route path='/home' component={Home}/>
      </Router>
    );
  }
© www.soinside.com 2019 - 2024. All rights reserved.