最近在写一个类似于页面编辑器的工具。一般来说，可视化的编辑器，是通过拖拽已有组件，然后设置组件的属性，来完成一个编辑的过程。然后在开发过程中遇到了一些问题，在此记录一下。首先编辑器的开发在这就不多提了。说重点，在开发中遇到了对于生成的自定义数据，然后需要通过数据来动态加载组件（因为某个编辑生成的页面，不一定包含所有自定义组件，在预览页面只需要加载用到的组件）然后对于每个不同的组件，需要修改其属性的
React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认？', content:'你
原创
2022-01-12 15:26:46
702阅读
一、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阅读
1.父组件向子组件传值方法：（通过props来传值，这种应用，很多时候我们某个组件在不同的地方用到，但是就只是内容不一样，这样在调用组件就是父组件的时候给各自自己的值就好）父组件：import React, { Component } from 'react'
import Es6cComponent from "../../company/index"
export default class
转载
2024-03-20 08:41:17
341阅读
接触React也有一段时间了，从刚开始jquery式地去使用React，到慢慢走上正轨，还是经过了不少学习的。从开发过程中，遇到的组件大概有两类：UI类、工具类。UI类顾名思义就是能看得到的UI，这些组件一般就是按照需要渲染成相应的样子。工具类是一类虽然看上去好像什么东西都不渲染，但是却需要写在render中作为组件加载才能使用。（无法通过传统对象或者类方法之类实现）作为一个组件，一般来说就是纯粹
转载
2024-01-26 09:20:47
89阅读
antd文档npm install antd -s在App.css中引入@import '~antd/dist/antd.css';在组件中引入import { Button } fro/Button> ) }
原创
2022-07-06 16:50:15
159阅读
环境配置 安装脚手架：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评论
一、MenuSearch/index.tsx import React, { useState, useEffect } from 'react' import { Select } from 'antd' import { history } from 'umi' import styles fr
原创
2022-03-11 15:39:15
355阅读
在做项目过程中，发现需要用checkbox实现radio单选效果。checkbox组件本身不提供，需要自己在onchang事件中自己定义。
原创
2022-09-10 00:25:42
10000+阅读
一、需求 用户对不同的应用需要有不同的权限，用户一般和角色关联在一起，新建角色的时候会选择该角色对应的应用，然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树，一级表示的是应用分组，二级表示的是应用，这是table的最左边的数据。然后是按钮的数据，这里显示在table的头部。 二、效果
转载
2016-08-27 21:30:00
411阅读
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评论
父组件 import React from 'react'; import Son from './Son'; const Farther = (props) => { const [form] = Form.useForm(); const { Item } = Form; return ( <d ...
转载
2021-09-03 15:46:00
1676阅读
2评论
1、下载插件： npm i react-pdf 2、PdfPreview/index.tsx /* 进入该组件时，通过路由传递path进来，形如： history.push({ pathname: '/pdfPreview', query: { path } }) */ import React,
原创
2021-07-25 10:12:05
792阅读
