在v4+中路由规则位于布局和 UI 本身之间,因为route本身也是一个组件,万物皆组件,所以我们要嵌套路由直接在组件里写就可以了
看代码,新建一个list.jsx,然后再建两个子组件mobile和pc
import React from "react"; import { BrowserRouter as Router, Switch, Route, NavLink } from "react-router-dom"; import Mobile from \'./lists/Mobile\'; import Pc from \'./lists/Pc\'; import \'./home.css\'; export default class List extends React.Component { render() { return (); } }
手机端 PC端
{/* 子路由的404!}/> */}
mobile
import React from \'react\'; export default class Mobile extends React.Component { render() { return (进入手机端) } }
pc的代码
import React from \'react\'; export default class Pc extends React.Component { render() { return (加入电脑pc模式) } }
看效果