安装react路由
npm install react-router-dom --save
准备好两个组件页面 Counter.js和myBtn.js,作为演示使用
修改index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
import {BrowserRouter,Route,Link} from 'react-router-dom';
import Counter from './Counter';
import ButtonSize from './myBtn';
/* 是jsx语法,需要React的支持 */
ReactDOM.render(
,
document.getElementById('root')
);
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
输入网址即可定位到指定页面
在某个页面使用Link组件可以定义链接
myBtn.js
import React,{Component} from 'react';
import { Button, Radio } from 'antd';
import { DownloadOutlined } from '@ant-design/icons';
import {Link} from 'react-router-dom';
class ButtonSize extends React.Component {
state = {
size: 'large',
};
handleSizeChange = e => {
this.setState({ size: e.target.value });
};
render() {
const { size } = this.state;
return (