环境配置 安装脚手架：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评论
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评论
再看本篇文章之前，本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目，因为现在dva和roadhog还不成熟，坑相对要多一些，当然如果你已经做好跳坑的准备，那么请继续往下走； 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载
2020-05-13 11:47:00
175阅读
2评论
【代码】七）React项目实战记录：Antd初步使用。
原创
2024-04-11 09:36:02
61阅读
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始： npm install -g create-react-app /
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创
2022-09-29 16:08:20
97阅读
一.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 这
翻译者：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阅读
其他章节请看： react实战 系列 My Dashboard 上一篇我们在 spug 项目中模仿”任务计划“模块实现一个类似的一级导航页面（”My任务计划“），本篇，我们将模仿“Dashboard”来实现一个仪表盘“My Dashboard”。 主要涉及 antd 的 Grid、Card、Desc
原创
2022-05-01 14:58:14
1966阅读
需求1） 添加任务2） 删除任务3） 更新任务状态4） 全选/全不选5） 清除已完成的任务组件的划分TodoList整体作为一个大组件；Header：input添加List：列表作为一个组件；Item: 列表中的每个列表项（ListItem）作为一个组件Footer：底部展示和功能作为一个组件代码编写App.js 父组件import React, { Component } from 'react
一、创建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
319阅读
