javascript - 'Form' 未定义 react/jsx-no-undef
问题描述
嗨,下面的应用程序反应我必须管理一个表单来验证登录到一个页面,参数是电子邮件和密码但是当我执行代码时会打印以下错误,错误: 第 33 行:未定义“表单”反应/jsx-no-undef
Javascript代码:
import React, { Component } from 'react';
import { Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";
import logo from './logo.svg';
import './Home.css';
class Home extends Component {
constructor(props) {
super(props);
this.state = {
email: "",
password: ""
};
}
validateForm() {
return this.state.email.length > 0 && this.state.password.length > 0;
}
handleChange = event => {
this.setState({
[event.target.id]: event.target.value
});
}
handleSubmit = event => {
event.preventDefault();
}
render() {
return (
<div className="Login">
<Form onSubmit={this.handleSubmit}>
<Form.Group controlId="email" bsSize="large">
<Form.Control
autoFocus
type="email"
value={this.state.email}
onChange={this.handleChange}
/>
</Form.Group>
<Form.Group controlId="password" bsSize="large">
<Form.Control
value={this.state.password}
onChange={this.handleChange}
type="password"
/>
</Form.Group>
<Button
block
bsSize="large"
disabled={!this.validateForm()}
type="submit"
>
Login
</Button>
</Form>
</div>
);
}
}
export default Home;
解决方案
好像你忘了 import Form
,只需添加它:
import { Form, Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";
推荐阅读
- javascript - 将 style.background 设置为 var 不起作用
- c - 如何在 C 中矢量化 int8 乘法(AVX2)
- nginx - 404 Not Found 在此服务器上找不到请求的资源!NGINX
- python - 从多处理分配的返回值
- javascript - 黑名单用户 ID discord.js
- jmeter - 禁用 JMeter SSL 证书解析和验证
- java - ReducedPom 在生成的 jar 中,带有 maven 阴影
- python - 在 apache 服务器中使用 python 写入 json 文件会在错误日志中产生 errno 13 Permission denied
- floating-point - 计算机可以更好地保留哪个数字:`256,007` 或 `.000333`
- solidity - 在 Solidity 合约中,括号内的函数参数本身有什么作用?