《ant design pro v5 获取动态菜单与基于角色权限管理视频教程》 和 《零基础学习 Vue JS 3 完全免费视频教程》 正在更新

世界上最伟大的投资就是投资自己的教育

剧场模式
首页前端React轻松学 React-Router 4

轻松学 React-Router 4 #01 介绍

求知小风 · 元婴发布于
4

https://github.com/ReactTraining/react-router

https://reacttraining.com/react-router/web/guides/quick-start 文档

https://nodejs.org/en/

https://github.com/facebook/create-react-app

https://www.rails365.net/movies/react-ji-qiao-3-react-router-jiao-cheng-part react 技巧 #3 react-router 教程 part 1

https://www.rails365.net/movies/react-ji-qiao-4-react-router-jiao-cheng-part react 技巧 #4 react-router 教程 part 2

src/App.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import About from './About';
import Vip from './Vip';

import {
  BrowserRouter as Router,
  Route,
} from 'react-router-dom'

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <h1 className="App-title">Welcome to React</h1>
          </header>
          <p className="App-intro">
            To get started, edit <code>src/App.js</code> and save to reload.
          </p>
          <Route path="/" component={ Vip } />
          <Route path="/about" component={ About } />
          <Route path="/vip" component={ Vip } />
        </div>
      </Router>
    );
  }
}

export default App;

src/About.js

import React from 'react'

const About = () => {
  return (
    <div> About Page </div>
  )
}

export default About

src/Vip.js

import React from 'react'

const Vip = () => {
  return (
    <div> Vip Page </div>
  )
}

export default Vip
5 条回复
热门课程 love
喜欢
微信群讲师微信知乎服务号github视频号
程序员随风
打赏规则
Jaylene · 真仙打赏1 仙灵石
游龙当归海 · 真仙打赏1 仙灵石
学员(165)
EM · 合体杜较瘦 · 化神null · 道祖JesusCracker · 道祖老同学 · 真仙symbolmale · 合体ryuusennka · 道祖金麒麟 · 道祖vaveee@qq.com · 道祖星辰 · 元婴evilming · 真仙Arthur · 道祖
最新动态
EM · 合体学习到了0:06
杜较瘦 · 化神学习到了6:58
null · 道祖学习到了0:14
JesusCracker · 道祖学习到了6:44
老同学 · 真仙学习到了5:34
统计信息
    学员: 19804
    视频数量: 1240
    帖子数量: 443

© 汕尾市求知科技有限公司 | 关注我们 | 专业版网站 | 在线学员:1122

粤公网安备 44152102000088号 | 粤ICP备19038915号

Top