this_zq的博客

什么是react生命周期呢？当我们使用各种框架开发程序时，当这个框架启动、程序刚运行时、各个页面之间的交互、数据渲染到页面上面、程序运行结束，应当会有个闭环的操作，而在这个环的起点和终点之间的各个节点，框架给给定一些特定函数供我们自行调用，方便我们执行一些操作，这便是生命周期。react也是如此。主要分为三个阶段 初始化阶段、更新阶段、卸载组件。执行的流程为：constructor->componentWillMount->render->componentDidMount 组件将要挂载，这个是在执行r

写在前面：本系列代码源码已经上传github，大家可以随意下载，后面会给上视频讲解辅助，帮助大家更加融会贯通！源码地址：JACK-ZHANG-coming/react-demo-project: 用于存放一些react相关的基础例子； (github.com)本文作为本人学习总结之用，同时分享给大家，如果觉得这些内容有对你也有用的话，就请点个赞吧~ 谢谢~因为个人技术有限，如果有发现错误或存在疑问之处，欢迎指出或指点！不胜感谢！个人前端博客网站：https://zhangqiang.hk.cn.

react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！子父组件传值源码地址：JACK-ZHANG-coming/react-demo-project: 用于存放一些react相关的基础例子； (github.com)本系列你将能学到：父组件传值与函数给子组件，在子组件可使用父组件的值与函数；

文章目录前言一、安装vscode二、安装node、npm、yarn（采用淘宝镜像）1.安装node2.安装yarn三、拉取React脚手架，运行第一个项目总结前言react官网 https://react.docschina.org/docs/getting-started.html运行结果图：一、安装vscode见链接：https://www.cnblogs.com/csji/p/13558221.html。二、安装node、npm、yarn（采用淘宝镜像）1.安装node.

1 函数验证 //函数 const checkPrice = (rule, value) => { if (value.number > 0) { return Promise.resolve(); } return Promise.reject('Price must be greater than zero!'); };//表单 <Form.Item name="price" label="Price"

1 先上完成效果图2 上代码（粘贴复制可以直接运行）import React, { useState } from 'react'import { Tree } from 'antd';import { SmileOutlined, WalletOutlined, TabletOutlined} from '@ant-design/icons';function IsTree(props) { //这是我从数据库得到的树的json数据 let d =

1 先贴图2 看官网代码https://ant.design/components/icon-cn/#components-icon-demo-custom使用 iconfont.cn，使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接，我们在react里面调用它即可。3 看这篇博客https://blog.youkuaiyun.com/weixin_44021270/article/details/1073776584 解决阿里巴巴矢量图标自定义更改后无法引用问题当我

1 先上图我这里是点击“修改密码”那个按钮，然后跳到了modal框。（大家这里可以随便写一个按钮，然后给他一个点击事件让他可以显示modal框就好了，我这里着重讲解标题的内容）2 贴代码const [visible, setVisible] = useState(false);//antd 控制modal是否显示const showMoal=()=>{ // console.log("showMoal") setVisible(true);}const handle

先写思路：这里假设我写了两个Input组件，他们是一组，都在Form表单里面。然后我在通过initialValues给他们赋初始值。一组Input组件的解决方案：一组Input组件，这里直接转到官网教程：https://ant.design/components/form-cn/#header看官网的代码直接套用即可给一组Input组件赋初始值解决方案：我这里使用了官网此处的方法赋值完后，发现表单验证是无法通过了，就过一夜的苦寻答案后，解决如下（在initialValues里.