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

轻松学 React-Router 4 #01 介绍

下载源码hfpp2012发布于React7660 次点击播放时长:06:34
2

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
2 条回复
支付宝付款
订阅或购买扫码加我微信

加我微信:15014006126

友情提示
   官方 QQ 1 群 697272886(500/2000)
   官方 QQ 2 群 856141852
相似的视频
轻松学 Webpack 4 视频教程 #1 课程介绍

轻松学 Webpack 4 视频教程 #1 课程介绍

免费播放时长:03:20

19027 次点击

dva + roadhog 轻松学 #1 介绍与安装

dva + roadhog 轻松学 #1 介绍与安装

免费播放时长:04:03

15002 次点击

轻松学 Redux-Saga #4 es6 的 generator part 1 介绍

轻松学 Redux-Saga #4 es6 的 generator part 1 介绍

免费播放时长:05:13

5050 次点击

轻松学 React-Router 4 #07 Switch

轻松学 React-Router 4 #07 Switch

Pro播放时长:01:39

10356 次点击

轻松学 React-Router 4 #11 query string

轻松学 React-Router 4 #11 query string

Pro播放时长:05:09

22006 次点击

© Rails365 | 隐私条款 | 服务条款 | 粤ICP备15004902号 | 在线学员:21

Top