"react/jsx-no-undef错误：'Form'未定义"
<p>嗨，使用下面的React应用程序，我需要管理一个表单来验证登录到一个页面，参数是邮箱和密码，但是当我执行代码时，会打印出以下错误，错误：<strong>第33行：'Form'未定义react/jsx-no-undef</strong></p>
<p><strong>Javascript代码：</strong></p>
<pre class="brush:php;toolbar:false;">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"
>
登录
</Button>
</Form>
</div>
);
}
}
export default Home;</pre>
<p><br /></p>
1
679
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
似乎你忘记导入
Form，只需添加它：import { Form, Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";