"Erreur React/jsx-no-undef : 'Formulaire' n'est pas défini"

Question

Bonjour, en utilisant l'application React ci-dessous, je dois gérer un formulaire pour authentifier la connexion à une page, les paramètres sont l'e-mail et le mot de passe, mais lorsque j'exécute le code, l'erreur suivante est imprimée, Erreur : ; Ligne 33 : 'Formulaire' n'est pas défini réagir/jsx-no-undef

Code Javascript :

importer React, { Component } depuis 'react';
importer { Button, FormGroup, FormControl, ControlLabel } depuis "react-bootstrap" ;
importer le logo depuis './logo.svg' ;

importer './Home.css';

la classe Home étend le composant {
  constructeur (accessoires) {
    super(accessoires);

    ceci.état = {
      e-mail: "",
      mot de passe: ""
    } ;
  }

  validerForm() {
    renvoyer this.state.email.length > 0 &&
  }
  handleChange = événement =>
    this.setState({
      [événement.target.id] : événement.target.value
    });
  }

  handleSubmit = événement =>
    event.preventDefault();
  }

  rendre() {
    retour (
      <div className="Connexion">
        <Form onSubmit={this.handleSubmit}>
          <Form.Group controlId="email" bsSize="large">
            <Form.Contrôle
              mise au point automatique
              type="e-mail"
              valeur={this.state.email}
              onChange={this.handleChange}
            />
          </Form.Group>
          <Form.Group controlId="mot de passe" bsSize="large">
            <Form.Contrôle
              valeur={this.state.password}
              onChange={this.handleChange}
              type="mot de passe"
            />
          </Form.Group>
          <Bouton
            bloc
            bsSize="grand"
            désactivé={!this.validateForm()}
            type="soumettre"
          >
            Se connecter
              </Bouton>
        </Formulaire>
      </div>
    );
  }
}

exporter la page d'accueil par défaut ;

Answer 1

Il semble que vous ayez oublié d'importer Form, ajoutez-le simplement :

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