<p> 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: <strong> ; Zeile 33: „Form“ ist undefiniert. <p><strong>Javascript-Code: </strong></p> <pre class="brush:php;toolbar:false;">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;</pre> <p><br /></p>

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