react-router 路由传参

最新推荐文章于 2023-09-14 21:31:13 发布

！！！！！

最新推荐文章于 2023-09-14 21:31:13 发布

阅读量223

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/weixin_42331327/article/details/103926153

版权

react 路由传参的方式

基础代码示例：

// 1.安装react-router-dom 
// npm install react-router-dom --save

// 子组件 Hot
import React,{
   Component} from "react"
export default class Hot extends Component{
   
    render(){
   
        return(
            <div style={
   {
   backgroundColor:"green"}}>热点</div>
        )
    }
}

// 子组件 Follow 
import React,{
   Component} from "react"
import {
   Link} from "react-router-dom"

export default class Follow extends Component{
   
    constructor(props) {
   
        super(props);
        this.state = {
   
            list: [
                {
   lid: "001", title: "抓包分析 https 密钥协商流程"},
                {
   lid: "002", title: "models常用字段总结表"},