环境配置 安装脚手架：npm install create-react-app 安装yarn：brew install yarn 创建项目：create-react-app antd-demo 切换路径：cd antd-demo 安装路由：yarn add react-router-dom 安装ax ...
转载
2021-10-01 09:38:00
242阅读
2评论
首先我们要明确一点：setState并不是一个异步方法，很像异步的原因：hook（）与合成事件的调用顺序与setState的执行顺序存在偏差，最终产生异步的展示形式，从而造成异步的假象。记录setState必然要在各生命周期中执行，因此先引入生命周期的概念，第3部分开始详细记录开发中setState如何对数据进行同步异步操作的一些问题。1、生命周期在React中，生命周期的地位毋庸置疑
转载
2024-08-28 13:51:00
227阅读
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载
2021-08-08 12:13:00
152阅读
2评论
前言这篇文章原标题是 3 Reasons why I stopped using React.setState ，但是我对原文作者提出的论点不是很感冒，但是作者提出的三点对 React 新手来说是很容易忽略的地方，所以我在这里只提出部分内容，而且把标题改为 使用React.setState需要注意的三点 。正文对 React&n
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创
2022-09-29 16:08:20
97阅读
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始： npm install -g create-react-app /
一.React中使用antd1.下载antd包 npm i antd -S2.按需引入//App.jsx文件
import {Button} from 'antd' //引入按钮组件
import {WechatOutlined, ShoppingCartOutlined } from '@ant-design/icons'; //icon图标库需要另外引入
import
转载
2024-03-16 10:47:47
697阅读
在页面上做一些搜索条件，为了方便我们可以做一个按钮"置空"，或者清除，点击这个按钮实现将输入框中的值删除，在以前的html页面中我们很方便通过js来将值制空，但是react组件封装的很严重了，我们没有办法通过js来制空，即使可以实现也是比较麻烦的
原创
2022-09-17 02:46:26
510阅读
项目中新功能需要用到富文本编辑，查找了几个富文本编辑器，结合需求以及以后产品说的可能扩展，最终选择了ueditor 首先就是功能超多，一步到位，估计都不用二次开发就够用了： 使用的话，首先要装包：（npm install ngx-ueditor --save） 然后就是引入到模块，然后配置前端配置项： 这是目录结构（没有在根目录引入，就为了写demo）： 接着就是这个 ueditor 这
一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject Cesium静态资源需要webpack配置，执行npm run eject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npm run eject会执行失败。（
原创
2024-08-27 08:41:18
315阅读
关于react_antd_desgin的学习这两天也是获取到的知识零零散散，大多在网上也能获取的到，所以隔了很长的时间，没有编写关于react相关的文章
原创
2022-07-07 17:58:24
1419阅读
需求1） 添加任务2） 删除任务3） 更新任务状态4） 全选/全不选5） 清除已完成的任务组件的划分TodoList整体作为一个大组件；Header：input添加List：列表作为一个组件；Item: 列表中的每个列表项（ListItem）作为一个组件Footer：底部展示和功能作为一个组件代码编写App.js 父组件import React, { Component } from 'react
翻译者：jiong 这个简单的教程，会一步步教你如何在React中进行基本的表单验证。你可以在github上看到所有代码我们使用create-react-app来快速创建并运行简单的react应用程序。从npm安装软件包并创建一个新的应用程序：$ npm install -g create-react-app
$ create-react-app react-form-validation-
转载
2024-10-19 18:19:32
72阅读
一、Antd(Ant Design)的使用：引入全部Css样式1.1 antd官网：https://ant.design/docs/react/introduce-cn1.2 React中使用Antd1、在项目根目录安装antd【每个项目都安装一次】：
npm install antd --save / yarn add antd / cnpm install antd
转载
2024-04-22 23:08:49
413阅读
一、组件通过ref传值 1、方式一 2、方式二 当配合withRouter，获取路由的属性（获取请求的url等参数的时候）报错： 二、Hook的用法 问题： 解决： 组件间通信除了props外还有onRef方法，不过React官方文档建议不要过度依赖ref。本文使用onRef语境为在表单录入时提取公
转载
2020-02-24 10:44:00
1280阅读
2评论
