Aguai229的博客

首先在src的同级目录下创建config文件夹，在文件中创建文件config.js文件在config.js文件中对路由进行配置。

除配置式路由外，Umi 也支持约定式路由。

1.首先安装uminpm install umi -g2.创建一个文件夹，注意不能是中文，在vscode 中进入文件夹，执行命令生成package.json文件npm init3.修改配置项 "scripts": { "start": "umi dev", "build": "umi build" },4.新建一个src文件夹5.进入src文件执行命令umi g page index6.创建about页面，执行命令...

读取url参数:style在路由路径中使用语法并useParams()读取参数function App() { return ( <div> {/* 编写路由导航 */} <ul> <li> <Link to="/classes">学习</Link> </li

要将 React Router 添加到现有项目，第一件事是安装必要的依赖项，我这里使用的是npm安装npm install react-router-dom@6安装完成后就可以创建应用了，BrowserRouter从文件顶部导入react-router-dom并将应用程序包装在<BrowserRouter>import React from "react";import ReactDOM from 'react-dom';import { BrowserRouter } f

首先，对antd进⾏配置按需加载，需要对create-react-app 的默认配置进⾏⾃定义所以第一步：需要更改我们的启动插件在项目中执行命令yarn add react-app-rewired customize-cra注意：如果还没安装yarn的可以先执⾏npm install yarn -g 进⾏安装第二步：修改对应的packag.json文件"scripts": { "start": "react-app-rewired start", "buil...

componentWillMount 组件将要挂载，可以进行api的数据获取componentDidMount 组件已经挂载，可以进行dom操作下面就看一下页面运行后的输出语句，可以看到是先执行componentWillMount 组件，再去执行componentDidMount组件的此时我们加上构造器和组件渲染的过程（数字是刷新后加上去的执行顺序，方便理解）此时再次刷新页面，可以看到构造函数执行后会去执行componentWillMount组件，并对组件进行render中的渲.

在组件里通过{}在jsx中进行渲染变量如果数据需要修改并响应出来，则需要将变量放在state里面，同时使用setState修改变量setState是异步的，同一个生命周期会批量操作更新state首先初始化变量state={ count: 0}直接使用state声明变量和在constructor中使用this.state的方式是一样的然后就是修改变量需要在setState中，下面是写在了一个周期函数中的，并且使用了回调函数打印了count的值，可以看到该方法确实是异步的

工作不易，小白叹气身为一位实打实的后端同学，由于最近换了一份工作需要去写前端，还是从没接触过的react，简直崩溃到苦，我改了2个小时的前端，前端同学一会就搞定了，差点就给劝离了。。。但是！程序员有几个是认输的，不会我就学呗，先来最基础的，安装脚手架开始首先安装create-react-app脚手架在终端执行命令 npm install -g create-react-app或者 yarn add create-react-app -g安装完成后可以通过命令 create-react