土豆儿哥

摘要： 因项目需求是库表结构，这里做的是动态加载子选项，默认不显示表名选项，点击库名再去动态加载并显示该库中的所有表，效果如下： .ts代码： // 自定义树形穿梭框 import React, { useEffect, useState } from 'react'; import { Tree, Che 阅读全文

摘要： CodeMirror是一款在线的支持语法高亮的代码编辑器。官网： http://codemirror.net/ 安装： npm install react-codemirror2 codemirror --save 使用： 1 import 'codemirror/lib/codemirror.js 阅读全文

摘要： 原因分析: 版本问题 解决办法: 打开semver.js(node_modules/semver/semver.js)文件，加一行代码，代码如下: // if ANY of the sets match ALL of its comparators, then pass Range.prototyp 阅读全文

摘要： 1. npm install依赖安装 npm install wangeditor --save 2. 在tsx文件中引入 import E from 'wangeditor'; 3.页面使用 function TinymceEditor(props) { const [content, setCo 阅读全文

摘要： 我们知道antd官网不可选时间使用的是 RangePicker 如下图： 但有时候我们需要使用 DatePicker 单独设置起始时间，如图： 废话不多说，直接上代码：（这里用的是react+ts+antd） const dateFormat = 'YYYY-MM-DD HH:mm:ss'; fun 阅读全文

摘要： function DataInfo() { const [dom, setDom] = useState(HTMLDivElement | null); const [logData, setLogData] = useState(''); // 获取数据的方法 function getLogPag 阅读全文

摘要： import React, { useState, useEffect } from 'react'; import { Row, Col, Form, Button, Upload } from 'antd';　import { LoadingOutlined, CloudUploadOutlin 阅读全文

摘要： 如果表单中的数据需要动态生成，可通过 setFields 属性设置一组数据的值，具体如下： 动态表单为： 设置表单值： 获取表单值： form.getFieldsValue([`transFormList[${record.key}].value1`,`transFormList[${record. 阅读全文

摘要： 如何在git项目中加入版本号和代码提交等信息，其实安装一个插件（ git-revision-webpack-plugin）再加一些配置就搞定，具体操作如下： 安装本地开发依赖项 Webpack 4及以上版本： cnpm install --save-dev git-revision-webpack- 阅读全文

摘要： 介绍 dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装，没有引入任何新概念，全部代码不到 100 行。 dva 是 framework，不是 library，类似 emberjs，会很明确地告诉你每个部件应该怎么写，这对于团队而言， 阅读全文