2021
04-07
04-07
详解对于React结合Antd的Form组件实现登录功能
一、React结合Antd实现登录功能引入所需的Antd组件,代码如下所示:import{Form,Icon,Input,Button,message}from'antd'在Login.jsx中,创建一个Login组件。当对外暴露组件时,需要使用Form组件进行包装,包装Form组件生成一个新的组件Form(Login),同时新组件会向Form组件传递一个强大的对象属性form,这样就可以取到Form表单的值,这也是高阶组件和高阶函数的体现,代码如下所示:classLoginextend...
继续阅读 >
我就废话不多说了,大家还是直接看代码吧~子组件://jshintesversion:6importReact,{Component}from'react';import{Form,Input}from'antd';constFormItem=Form.Item;classFormsextendsComponent{getItemsValue=()=>{//3、自定义方法,用来传递数据(需要在父组件中调用获取数据)constvalues=this.props.form.getFieldsValue();//4、getFieldsValue:获取一组输入控件的值,如不传入参数,则获取全部...