„react/jsx-no-undef Fehler: ‚Form‘ ist nicht definiert“

Question

Hallo, ich muss mit der untenstehenden React-Anwendung ein Formular verwalten, um die Anmeldung auf einer Seite zu authentifizieren. Die Parameter sind E-Mail und Passwort, aber wenn ich den Code ausführe, wird die folgende Fehlermeldung ausgegeben: Fehler: ; Zeile 33: „Form“ ist undefiniert.

Javascript-Code:

import React, { Component } from 'react';
import { Button, FormGroup, FormControl, ControlLabel } from „react-bootstrap“;
Logo aus „./logo.svg“ importieren;

import './Home.css';

Klasse Home erweitert Component {
  Konstruktor(Requisiten) {
    super(Requisiten);

    this.state = {
      Email: "",
      Passwort: ""
    };
  }

  validierenForm() {
    return this.state.email.length > &&
  }
  handleChange = event =>
    this.setState({
      [event.target.id]: event.target.value
    });
  }

  handleSubmit = event =>
    event.preventDefault();
  }

  render() {
    zurückkehren (
      <div className="Login">
        <Form onSubmit={this.handleSubmit}>
          <Form.Group controlId="email" bsSize="large">
            <Form.Control
              Autofokus
              type="E-Mail"
              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="Passwort"
            />
          </Form.Group>
          <Schaltfläche
            Block
            bsSize="groß"
            deaktiviert={!this.validateForm()}
            type="submit"
          >
            Anmeldung
              </Button>
        </Formular>
      </div>
    );
  }
}

Standard-Startseite exportieren;

Answer 1

似乎你忘记导入 Form，只需添加它：

import { Form, Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";