关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

云南大王-React 中的前端路由 react

发布时间:2020-04-16 00:00:00
安装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 (
Large Default Small



); } } export default ButtonSize;    点击返回列表页   关于路由的参数 修改index.js    修改myBtn.js    在Counter.js中接收参数      

/template/Home/Zkeys/PC/Static