环境配置 安装脚手架: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之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阅读
github地址https://github.com/ant-design/antd-mobile-samples/tree/master/cr
原创
2022-12-16 21:42:14
708阅读
一.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阅读
一、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阅读
一、创建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
参考: 图解dva: https://www.yuque.com/flying.ni/the-tower/tvzasn 分别基于React、Redux、dva的不同实现优化 dva图解: https://dvajs.com/guide/fig-show.html 快速上手 https://juejin.cn/post/6844903840404209678 推荐(有思维导图)
转载
2021-08-24 09:54:00
224阅读
2评论
react--redux+antd实现todoList
原创
2022-01-18 17:28:12
345阅读