react如何簡單使用路由

1.安裝react-router-dom

npm install react-router-dom

2.代碼

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

function Home() {
  return <div>home</div>
}
function About() {
  return <div>about</div>
}
function Features() {
  return <div>Features</div>
}

ReactDOM.render(
  <Router>
    <Switch>
      <Route path='/home' component={Home} />
      <Route path='/about' component={About} />
      <Route path='/features' component={Features} />
    </Switch>
  </Router>, 
  document.getElementById('root')
);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章