reagieren-Bootstrap <ToggleButtonGroup> minimierte Fehler

Question

iv`e enthalten ToggleButtonGroup mein Projekt

dh IM: const{ToggleButtonGroup,ToggleButton} = ReactBootstrap

und ich will reagieren, um sie anzuzeigen, so enthalten diese i func in meinem Projekt .

const {ToggleButtonGroup,ToggleButton} = ReactBootstrap 

    const Mainbar = React.createClass({ 
     render:function(){ 
     return (
      <div> 
     <ToggleButtonGroup type="radio" name="options" defaultValue={1}> 

      <ToggleButton value={1}> 
       Radio 1 (pre-checked) 
      </ToggleButton> 

      </ToggleButtonGroup> 

     </div> 
     ) 
     } 
    }) 
    ReactDOM.render(<Mainbar />,document.getElementById("mncontainer")) 

und ich erhalte eine Fehlermeldung

Uncaught Error: Minified React error #130;

muss, dass andere zu sagen, reagieren-Bootstrap wie Dropdownbutton funktioniert

Answer 1

ich auch Probleme mit ToggleButtonGroup und ToggleButton haben, aber ich war immer ein nicht entzifferbare Fehlermeldung (React.createElement: Typ ist ungültig - erwartet eine Zeichenkette (für eingebaute Komponenten) oder eine Klasse/Funktion (für zusammengesetzte Komponenten) aber hat: undefined Sie haben wahrscheinlich vergessen, Ihre co zu exportieren Komponente aus der Datei, in der es definiert ist.

Am Ende war es, weil diese 2 Komponenten nicht einmal in meinem React-Bootstrap-Modul vorhanden waren (war 0.31.1).

Ich lief npm install --save react-bootstrap, die die neueste Version (0.31.2) installiert und jetzt sind die Komponenten vorhanden und alles ist wieder glücklich.