recherche

Maison  >  Questions et réponses  >  le corps du texte

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

<p> 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 : <strong> ; Ligne 33 : 'Formulaire' n'est pas défini réagir/jsx-no-undef</strong></p> <p><strong>Code Javascript : </strong></p> <pre class="brush:php;toolbar:false;">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 ;</pre> <p><br /></p>
P粉501007768P粉501007768487 Il y a quelques jours540

répondre à tous(1)je répondrai

  • P粉238433862

    P粉2384338622023-08-25 10:55:37

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

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

    répondre
    0
  • Annulerrépondre