02 2020 档案
Antd 在一个formItem中多input的验证方法
摘要:实现效果如下: 当点击按钮的时候 对一个FormItem里的多个input/或者是input和select进行校验 同时通过Rol/Col实现布局 Rselect/input组件封装的组件如下field.js: import React from 'react'; import { Select, 阅读全文
posted @ 2020-02-27 18:37 旋风小美女 阅读(9375) 评论(1) 推荐(1)
React源码解析之React.Children.map()(五)
摘要:一,React.Children是什么? 是为了处理this.props.children(this.props.children表示所有组件的子节点)这个属性提供的工具,是顶层的api之一 React.children的用处:https://www.cnblogs.com/sunxiaopei/p 阅读全文
posted @ 2020-02-22 16:19 旋风小美女 阅读(1507) 评论(1) 推荐(2)
React的React.createContext()源码解析(四)
摘要:一.产生context原因 从父组件直接传值到孙子组件,而不必一层一层的通过props进行传值,相比较以前的那种传值更加的方便、简介。 二.context的实现方式 新版本(React16.x后) //创建两个组件 Provider,Consumer //let {Provider,Consumer 阅读全文
posted @ 2020-02-19 15:26 旋风小美女 阅读(1999) 评论(0) 推荐(0)
React的React.createRef()/forwardRef()源码解析(三)
摘要:1.refs三种使用用法 ref 获取组件或是dom节点实例 一般对于函数 不能获取函数的实例 如果需要获取函数的ref 则React.forwardRef方法 1.字符串 1.1 dom节点上使用 获取真实的dom节点 //使用步骤: 1. <input ref="stringRef" /> 2. 阅读全文
posted @ 2020-02-14 23:50 旋风小美女 阅读(2032) 评论(1) 推荐(0)