摘要：
// 响应拦截 instance.interceptors.response.use( function (response) { const axiosData = response.data const { data, errno, message } = axiosData // errno 阅读全文
posted @ 2023-03-17 08:36
杏仁豆腐真君
阅读(500)
评论(0)
推荐(0)
摘要：
动态路由传参有三种方式： params方式 注册路由的时候通过:params的形式来声明 {/* 通过:id声明我们要传递的参数是id */}<Route path="/detail/:id" component={Detail}></Route> 路由匹配 <ul> { this.state.ar 阅读全文
posted @ 2022-11-23 23:19
杏仁豆腐真君
阅读(914)
评论(0)
推荐(0)
摘要：
声明式导航 通过NavLink来实现路由跳转的导航 编程式导航 通过js来实现路由的跳转 import { Component } from "react";export default class News extends Component { render() { return ( <div 阅读全文
posted @ 2022-11-23 23:18
杏仁豆腐真君
阅读(143)
评论(0)
推荐(0)
摘要：
NavLink 当我们希望给当前的路由添加一个样式的时候，可以使用NavLink模块来代替Link模块 给NavLink添加activeClassName属性，属性名为class名，在样式中定义active样式 App.js import { PureComponent } from "react" 阅读全文
posted @ 2022-11-23 00:21
杏仁豆腐真君
阅读(332)
评论(0)
推荐(0)
摘要：
1.下载react-router-dom 5的版本 npm i react-router-dom@5 2.在index.js中从react-router-dom中引入 BrowserRouter和HashRouter BrowserRouter 使用历史模式history来管理路由 HashRout 阅读全文
posted @ 2022-11-23 00:20
杏仁豆腐真君
阅读(280)
评论(0)
推荐(0)
摘要：
报错： Module build failed (from ./node_modules/babel-loader/lib/index.js) 解决方案 npm install @babel/core @babel/preset-env 然后重启 阅读全文
posted @ 2022-11-23 00:01
杏仁豆腐真君
阅读(97)
评论(0)
推荐(0)
摘要：
减轻state 在state中只存储和组件渲染有关的数据 不做渲染的数据不放在state中，直接挂载在this上即可，比如定时器的id import { Component } from "react";class App extends Component { state = { num: 0 阅读全文
posted @ 2022-11-22 23:33
杏仁豆腐真君
阅读(40)
评论(0)
推荐(0)
摘要：
1.什么是生命周期 生命周期就是组件从创建到销毁的过程 生命周期钩子函数：生命周期的每个阶段总是伴随着一些方法的调用，这些方法就叫生命周期的钩子函数，生命周期的钩子函数为我们在不同阶段操作组件提供了时机 只有类组件才有生命周期 2.生命周期三个阶段 React组件的生命周期分为三个阶段：创建阶段，更 阅读全文
posted @ 2022-11-22 23:18
杏仁豆腐真君
阅读(65)
评论(0)
推荐(0)
浙公网安备 33010602011771号