环境配置 安装脚手架：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评论
最近在写一个类似于页面编辑器的工具。一般来说，可视化的编辑器，是通过拖拽已有组件，然后设置组件的属性，来完成一个编辑的过程。然后在开发过程中遇到了一些问题，在此记录一下。首先编辑器的开发在这就不多提了。说重点，在开发中遇到了对于生成的自定义数据，然后需要通过数据来动态加载组件（因为某个编辑生成的页面，不一定包含所有自定义组件，在预览页面只需要加载用到的组件）然后对于每个不同的组件，需要修改其属性的
React 的antd-mobile 组件库（★★★）介绍与使用
antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。特性UI 样式高度可配置，拓展性更强，轻松适应各类产品风格基于 React Native 的 iOS / Android / Web 多平台支持，组件丰富、能全面覆盖各类场景 (antd-mobile-rn)提供 “组件按需加
转载
2024-07-05 07:24:08
46阅读
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阅读
一、组件通过ref传值 1、方式一 2、方式二 当配合withRouter，获取路由的属性（获取请求的url等参数的时候）报错： 二、Hook的用法 问题： 解决： 组件间通信除了props外还有onRef方法，不过React官方文档建议不要过度依赖ref。本文使用onRef语境为在表单录入时提取公
转载
2020-02-24 10:44:00
1280阅读
2评论
记录一下antd 中,table 样式修改, 方便大家快速使用基本上按照以下代码修改相应颜色即可// 设置菜单样式.ant-menu,.ant-menu-sub,.ant-menu-inline{ color: white; background-color: #044d50 !important;}// 设置子菜单展开样式.ant-menu-submenu > .ant-menu {
原创
精选
2023-03-14 21:17:17
1006阅读
一.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阅读
Most of the time, your components respond to events that occur within the component tree by defining their own handler or by accepting a handler defin
转载
2017-08-04 20:18:00
107阅读
2评论
在页面上做一些搜索条件，为了方便我们可以做一个按钮"置空"，或者清除，点击这个按钮实现将输入框中的值删除，在以前的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阅读
一、创建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阅读
