react路由的基本用法（二）----- 路由嵌套

最新推荐文章于 2024-07-30 10:55:19 发布

笑问客从何处来

最新推荐文章于 2024-07-30 10:55:19 发布

阅读量183

点赞数

分类专栏： react 文章标签： react javascript npm 前端

本文链接：https://blog.csdn.net/y_one/article/details/110278845

版权

本文介绍了如何在React项目中实现路由嵌套。首先通过npm安装react-router版本3.2.0，接着在src目录下创建reactRouter文件夹，包含app.jsx、index.jsx和list.jsx文件。最后，在index.js入口文件中配置路由，从而完成简单的路由嵌套。

摘要由CSDN通过智能技术生成

一、在你的react项目中安装react-router,我这里指定了版本号3.2.0,安装命令如下：

npm i react-router@3.2.0

二、在项目的scr目录下创建一个文件夹，我这里取名为reactRouter,名字不是规定的，可以随便命名。然后创建文件如下：

在这里插入图片描述
app.jsx

import React from 'react';

export default class App extends React.Component{
   
    constructor(){
   
        super()
        this.state = {
   

        }
    }
    render(){
   
        return(
            <div>
                <ul>
                    <li><a href="#index"