介绍 import React 得到& # 39;反应# 39;;
import {,输入按钮,,message },得到“antd";
import {UserOutlined的不同之处是,LockOutlined, EyeInvisibleOutlined,, EyeTwoTone },得到& # 39;@ant-design/图标# 39;;
import & # 39;。/index.less& # 39;
class Login extends React.Component {
,构造函数(道具){
,超级(道具)
,this.state =, {
,用户名:& # 39;& # 39;
,密码:& # 39;& # 39;
,}
,};
,提交=()=祝辞{
,if (this.state.username !==, & # 39; & # 39;,,,, this.state.password !==, & # 39; & # 39;), {
,this.props.history.push(& # 39;/指数# 39;)
,}else {
,message.error(“用户名和密码不能为空“)
,}
,};
,user_change=(e)=祝辞{
,this.setState ({
,用户名:e.target.value
,})
,}
,password_change=(e)=祝辞{
,this.setState ({
,密码:e.target.value
,})
,}
,render (), {
{用户名,密码,const },=this.state
,return (
,& lt; div className=發ogin"比;
& lt;才能输入
价值才能=https://www.yisu.com/zixun/{username}
onChange={this.user_change}
大?"大"
占位符="用户名”
前缀={
登录
);
}
}
出口默认登录; 这篇文章将为大家详细讲解有关使用反应怎么实现一个登录表单,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
代码如下:
关于使用反应怎么实现一个登录表单就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
