摘要: 因项目需求是库表结构,这里做的是动态加载子选项,默认不显示表名选项,点击库名再去动态加载并显示该库中的所有表,效果如下: .ts代码: // 自定义树形穿梭框 import React, { useEffect, useState } from 'react'; import { Tree, Che 阅读全文
posted @ 2021-08-11 11:49 土豆儿哥 阅读(2226) 评论(2) 推荐(0) 编辑
摘要: CodeMirror是一款在线的支持语法高亮的代码编辑器。官网: http://codemirror.net/ 安装: npm install react-codemirror2 codemirror --save 使用: 1 import 'codemirror/lib/codemirror.js 阅读全文
posted @ 2021-07-22 16:15 土豆儿哥 阅读(2784) 评论(0) 推荐(0) 编辑
摘要: 原因分析: 版本问题 解决办法: 打开semver.js(node_modules/semver/semver.js)文件,加一行代码,代码如下: // if ANY of the sets match ALL of its comparators, then pass Range.prototyp 阅读全文
posted @ 2021-06-01 11:11 土豆儿哥 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 1. npm install依赖安装 npm install wangeditor --save 2. 在tsx文件中引入 import E from 'wangeditor'; 3.页面使用 function TinymceEditor(props) { const [content, setCo 阅读全文
posted @ 2021-04-12 10:08 土豆儿哥 阅读(3786) 评论(0) 推荐(0) 编辑
摘要: 我们知道antd官网不可选时间使用的是 RangePicker 如下图: 但有时候我们需要使用 DatePicker 单独设置起始时间,如图: 废话不多说,直接上代码:(这里用的是react+ts+antd) const dateFormat = 'YYYY-MM-DD HH:mm:ss'; fun 阅读全文
posted @ 2021-03-31 17:13 土豆儿哥 阅读(3025) 评论(0) 推荐(0) 编辑
摘要: function DataInfo() { const [dom, setDom] = useState(HTMLDivElement | null); const [logData, setLogData] = useState(''); // 获取数据的方法 function getLogPag 阅读全文
posted @ 2021-03-16 11:07 土豆儿哥 阅读(4663) 评论(0) 推荐(0) 编辑
摘要: import React, { useState, useEffect } from 'react'; import { Row, Col, Form, Button, Upload } from 'antd'; import { LoadingOutlined, CloudUploadOutlin 阅读全文
posted @ 2021-03-04 10:14 土豆儿哥 阅读(1192) 评论(0) 推荐(0) 编辑
摘要: 如果表单中的数据需要动态生成,可通过 setFields 属性设置一组数据的值,具体如下: 动态表单为: 设置表单值: 获取表单值: form.getFieldsValue([`transFormList[${record.key}].value1`,`transFormList[${record. 阅读全文
posted @ 2020-12-16 09:22 土豆儿哥 阅读(4920) 评论(0) 推荐(0) 编辑
摘要: 如何在git项目中加入版本号和代码提交等信息,其实安装一个插件( git-revision-webpack-plugin)再加一些配置就搞定,具体操作如下: 安装本地开发依赖项 Webpack 4及以上版本: cnpm install --save-dev git-revision-webpack- 阅读全文
posted @ 2020-10-26 09:19 土豆儿哥 阅读(2485) 评论(0) 推荐(0) 编辑
摘要: 介绍 dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装,没有引入任何新概念,全部代码不到 100 行。 dva 是 framework,不是 library,类似 emberjs,会很明确地告诉你每个部件应该怎么写,这对于团队而言, 阅读全文
posted @ 2020-09-14 10:59 土豆儿哥 阅读(497) 评论(0) 推荐(0) 编辑