admin管理员组

文章数量:1633739

React多级路由 React子路由设置

  1. 新建一个Home.jsx文件 和Home.css文件 css文件内容就不写了 Home 文件内容如下
    为了解决点击Link时，路由变化而子路由页面未变化，所以需要在窗口中加入key属性。
import "./Home.css"
import React,{
    Component } from "react";
import {
    BrowserRouter as Router, Route, Link } from "react-router-dom";


import Child1 from '../../components/child1/Child1';
import Child2 from '../../components/child2/Child2';


class Home extends Component{
   
    render (){
   
        return (
            <div className="home">
                <aside className="home_menu">
                    <button><Link to={
   `${
     this.props.match.path}/child1`}>子路由1</Link><

本文标签： 路由React

版权声明：本文标题：React多级路由 React子路由 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729175080a1188611.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。