"react/jsx-no-undef错误:'Form'未定义"
P粉501007768
P粉501007768 2023-08-24 11:45:53
[React讨论组]

嗨,使用下面的React应用程序,我需要管理一个表单来验证登录到一个页面,参数是邮箱和密码,但是当我执行代码时,会打印出以下错误,错误:第33行:'Form'未定义react/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"
          >
            登录
              </Button>
        </Form>
      </div>
    );
  }
}

export default Home;


P粉501007768
P粉501007768

全部回复(1)
P粉238433862

似乎你忘记导入 Form,只需添加它:

import { Form, Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号