react 路由安装配置方法

最新推荐文章于 2024-07-27 11:38:12 发布

外下羊.

最新推荐文章于 2024-07-27 11:38:12 发布

阅读量471

点赞数 1

分类专栏： React 文章标签： reactjs

本文链接：https://blog.csdn.net/Rick_and_mode/article/details/107707139

版权

React 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.安装react-router-dom

npm install react-router-dom --save-dev

2.创建一个router.js 引入路由配置

import React, { Component } from 'react'
import { HashRouter, Route, Switch } from 'react-router-dom';
export default class Router extends Component {
    render() {
        return (
            <div>
                <HashRouter>
                    <Switch>
                        <Route path="/" component={Home}></Route>
                    </Switch>
                </HashRouter>
            </div>
        )
    }
}

然后app.js也引入路由

import React from 'react';
import Router from './Router'
import './App.css';

function App() {
  return (
    <div className="App">
       <Router/>
    </div>
  );
}

export default App;