react-bootstrap Formularkomponente

Question

Ich habe mehrmals versucht, die <Form> und <FormControl> Komponenten zu verwenden. Jedesmal, wenn ich verwende ich erhalte immer gleiche erros:

„warning.js 8a56: 45 Warning: React.createElement: Typ sollte nicht null, nicht definiert, boolean sein, oder die Nummer Es sollte ein String sein (für. DOM Elemente) oder eine ReactClass (für Verbundbauteile). Überprüfen Sie die Render Methode von App. "

„Uncaught unveränderliche Verletzung: Elementtyp ist ungültig: erwartet eine Zeichenfolge (für eingebaute Komponenten) oder eine Klasse/Funktion (für Verbund Komponenten), aber bekam: undefined die Render-Methode von App prüfen..“

Auch mit diesem einfachen Beispiel:

import React, {Component} from 'react'; 
import {FormControl, FormGroup, ControlLabel, HelpBlock, Checkbox, Radio, Button} from 'react-bootstrap'; 

export default class App extends Component { 
    render() { 
    return (
     <form> 
     <FormGroup controlId="formControlsText"> 
      <ControlLabel>Text</ControlLabel> 
      <FormControl type="text" placeholder="Enter text" /> 
     </FormGroup> 

     <Button type="submit"> 
      Submit 
     </Button> 
     </form> 
    ); 
    } 
} 

Irgendwelche Ideen?

Answer 1

Aktualisieren Sie das npm-Paket, die Komponenten sind neu in React-Bootstrap.

Answer 2

Importieren Sie Ihre React-Bootstrap-Komponenten wie folgt aus:

import FormControl from 'react-bootstrap/lib/FormControl'; 

, die mir geholfen zu der gleichen Fehler loszuwerden, wenn reagieren-Bootstrap 0,31 verwendet.