上一篇主要写得是React组件的prop和state,及两者的对比。本篇介绍React的生命周期。了解生命周期，才能知道组件是如何运转起来的。而了解Virtual DOM是学习React生命周期的基础。 一、从改变组建状态的角度分析 在前面的博客中我们提到过Virtual DOM, 组件并不是真实的 DOM 节点，而是
转载
2024-03-01 10:56:26
106阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常，它被使用在 Node 服务端上：// ES modules
import ReactDOMServer from 'react-dom/server';
// CommonJS
var ReactDOMServer = require('react-dom/server');概览下述方法可以被
Ant design pro-项目探究（5）react基础知识前言，前端利用请求参数、界面与数据进行整合，构成前端的展示。对于状态的一些调用，react中拥有useState,useEffect,useRef方式来实现前端状态的利用，了解这些方式的运用，对开发界面化来说提供了非常大的便捷之处，以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
宣骞我本着简单易懂的原则，希望各位看官能耐心看完（没有完整代码），创作不易，希望各位爷能给些赏?登录效果出于保护公司项目隐私，这里就用简笔画来代替效果图。错误验证： 1.点击获取验证码： 前端验证： 手机号码为空； 手机号码位数不为11； 手机号码格式不正确； 后端验证： 每分钟只能获取一次验证码； 每小时只能获取五次验证码 手机号码在系统中不存在； 2.点击登录： 前端验证： 手机号码为空； 验
Let’s Pro $ yarn create umi my-app Select the boilerplate type: 选择 Ant Design Pro ❯ ant-design-pro Which language do you want to use? 选择你使用的语言 ❯ TypeS ...
转载
2021-09-09 16:12:00
271阅读
2评论
一、概述1.1、脚手架概念 编程领域中的“脚手架（Scaffolding）”指的是能够快速搭建项目“骨架”的一类工具。例如大多数的React项目都有src，public，webpack配置文件等等，而src目录中又包含components目录等等。每次在新建项目时，手动创建这些固定的文件目录。脚手架的作用就是帮助你完成这些重复性的工作，包括一键生成主要的目录结构、安装依赖等等。1.2、参考地址
转载
2024-03-28 13:36:59
236阅读
react推出了react-router的路由管理插件，实现了路由的核心功能，分别给web、reactnative、anywhere三个平台。 基于react-router实现的react-router-dom是给web端使用的路由，加入了在浏览器运行环境下的一些功能，核心基于history实现，分位h
转载
2024-02-23 21:58:09
0阅读
antd pro默认访问后，直接进入主界面的欢迎。 我需要改变一下方式，所有用户需要登录后才可以访问主界面，还有配合后端返回的数据格式，以及使用token来判断是否登录。大致思路：登录成功后将token放入localStorage退出登录的时候清除tokenRequest拦截器：发送请求时，从localStorage获取token加入请求头中Request拦截器：接收返回时，统一处理错误Secur
转载
2024-06-07 16:45:34
225阅读
> ant-design-pro@5.0.0 start E:\react\ant-design-pro> cross-env UMI_ENV=dev umi dev 'cross-env' 不是内部或外部命令，也不是可运行的程序 解决方法：重新1、yarn install（初始化不建议使用npm镜 ...
转载
2021-07-13 07:47:00
1475阅读
2评论
原创
2021-07-16 14:59:28
722阅读
React的Ant Design Pro目录结构
原创
2022-02-11 14:25:04
510阅读
1.首先在pages创建需要的界面productList.jsximport {Form, Input, Button, Table, Card, Divider, Modal, message, Select, Col} from 'antd';
import {PageHeaderWrapper} from '@ant-design/pro-layout';
import {connect}
写这个系列文章的开始，我没有学过React，更没有写过一行React代码。前端的知识积累来源于多年的Javascript和Vue开发经验。基于对Ant Design Pro的“开箱即用”的信心，开始本次旅程。如果我这样的知识储备之下可以真正的“开箱即用”，那么这就是真正的“开箱即用”。代码编辑器选择基于多年使用习惯，选择Visual Code （点击链接下载）作为代码编辑器，以前用VsCode编写
转载
2024-03-16 16:49:59
48阅读
mkdir testcd testyarn create umi （这里选择 ant design pro -> typescript -> simple）tyarnyarn start
原创
2022-06-06 20:04:30
268阅读
前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方
一、react组件：1.组件名称必须大写字母开头。2.组件的定义内容：class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } // 挂载渲染时 ，即组件第一次渲染到dom时 componentDidMount() { } // dom 中删除此组件时，即卸载 componentWillUnm
原创
2021-06-02 13:35:17
620阅读
1.angular 组件生命周期钩子执行过程 组件初始化过程中，生命周期钩子执行顺序：constructor()构造函数,初始化class，(constructor不属于Angular生命周期钩子的范畴，这里只是说明组件组件初始化会先调用构造函数)。ngOnChanges()--如果组件没有输入属性(@Input()),或者使用时没有提供任何输入属性，那么angular不会调用它；会调用多次。ng
一、简介在前面介绍Text组件时，我们将其封装过列表组件，用来显示大量的数据。ReactNative中对于大量数据清单列表展示的需求，有提供可用的列表组件，FlatList组件就是其中之一。FlatList组件的功能非常强大，既可以展示和增删数据，也可以支持下拉刷新和上拉加载，跟iOS中的UITableView大部分功能有些类似。该组件跨平台，支持水平布局模式。 二、APIFlatLis
转载
2024-03-20 16:54:32
440阅读
背景：React官方在2022年3月29日React18版本正式发布了。可以在官网看到，react 17 的发布时间是 2020 年 10 月 20 号，距离 React 18 发布足足间隔一年半，并且v17中只有三个小版本，分别是17.0.0、17.0.1、17.0.2：并且一直到React18发布，React17都没有任何更新，可以说React17只是作为React18的垫脚石。升级原因：Re
转载
2024-08-02 15:57:17
206阅读
