![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
王富贵富了吗
这个作者很懒,什么都没留下…
展开
-
antdesign Tree 实现 Treeselect 的 SHOW_PARENT
业务及设计需求,不太好直接用 treeselect。 但是需要 show_parent 的功能。即: 当一个 node 的子元素全部被选中时,选中列表只展示父元素。核心思想: 排除选中父节点下的所有子节点。使用: 1.onCheck 会接收到所有选中的节点,包括选中的父节点及子节点。2.checkedNodesPositions 会展示所有节点的路径。3. 如果 一个 node 节点的路径包含其他节点,说明该 node 为子节点,排除该节点。我的解决方法: 双层循环 chec..原创 2021-08-27 11:54:15 · 1204 阅读 · 1 评论 -
antd 表单 校验、取值、重置
上次接触 React 是一年多以前了,再写的时候发现 antd 有了不晓得改动。总结一下。1. antd 表单取值和校验ref={this.formRef}首先要在表单上定义一个 ref。formRef = React.createRef()然后在 class 里面定义 formRef. 这个最好定义在比较靠前的位置,这样方便后面要用到的时候不会出现引用错误。获取到 form 实例。这个地方代码我截掉了用不到的一段,这个 val 就是拿到的合法表单值。记得要写 catch原创 2021-02-18 18:20:11 · 6144 阅读 · 0 评论 -
react/js 实时匹配正则表达式
需求:在文本框中输入正则表达式和数字,实时显示匹配结果。代码如下: const text = e.target.value; //输入的匹配文本 const Rep = this.state.record.rep; //输入的正则字符串 const patt = new RegExp(Rep,"g"); const result = text.match(Rep);//显示匹配的...原创 2019-01-10 10:10:13 · 9806 阅读 · 0 评论 -
React 循环/遍历的使用
mapmap一般用于将元素用标签包裹后返回。record.pnounMem.map(item => ( <div> {item.memName}-------{item.synonyms} </div> ))也可以用简单的判断来决定返回值:tags.split(/[,,]/).map( tag =&g...原创 2019-01-10 10:27:06 · 6250 阅读 · 0 评论 -
React-ace 代码自动补全、修改代码补全内容、获取代码、获取代码格式报错信息、设置代码内容(json) 等问题
需求: 一个代码编辑器,能够补全特定内容,且输入过的内容不可以再在补全内容中出现。1.下载这个很多其他博客有,略过不谈。2.引入import AceEditor from 'react-ace';import "brace/mode/json";import "brace/theme/monokai";import 'brace/ext/language_tools';...原创 2019-06-05 16:49:36 · 6241 阅读 · 3 评论