Reactjs Fehler beim Import reagieren-Bootstrap

Question

Ich habe Login.js und dies ist der Code:

import React, {Component} from 'react'; 
import {FormGroup, FormControl} from 'react-bootstrap'; 
class Login extends Component { 
render() { 
    return (
     <div className="middle-box text-center loginscreen animated fadeInDown"> 
      <div> 
       <h1 className="logo-name">Pz</h1>      
      </div> 
      <form> 
       <FormGroup bsSize="large"> 
        <FormControl type="text" placeholder="Large text" /> 
       </FormGroup> 
      </form> 
     </div> 
    ) 
    } 
} 
export default Login 

Das ist mein routes.js

import React from 'react' 
import Main from '../components/layouts/Main'; 
import Blank from '../components/layouts/Blank'; 

import LoginView from '../views/Login'; 
import MainView from '../views/Main'; 
import MinorView from '../views/Minor'; 

import { Route, Router, IndexRedirect, browserHistory} from 'react-router'; 

export default (
    <Router history={browserHistory}> 
     <Route path="/" component={Main}> 
      <IndexRedirect to="/main" /> 
      <Route path="main" component={MainView}> </Route> 
      <Route path="minor" component={MinorView}> </Route> 
      <Route path="login" component={LoginView}> </Route> 
     </Route> 
    </Router> 

); 

Der Fehler ist:

Warnung. js: 45 Warnung: React.createElement: type sollte nicht null, undefined, boolean oder Zahl sein. Es sollte eine Zeichenfolge (für DOM-Elemente) oder eine ReactClass (für zusammengesetzte Komponenten) sein. Überprüfen Sie die Rendermethode Login.

invariant.js: 39 Uncaught unveränderliche Verletzung: Elementtyp ist ungültig: ein String (für eingebaute Komponenten) oder eine Klasse/Funktion erwartet (für Composite-Bauteile), aber bekam: undefined. Überprüfen Sie die Rendermethode Login.

Was ist mit dem Code falsch? bitte helfen

Answer 1

Yeaaaahh, ich weiß, was das Problem, brauchen die neueste Version von React-Bootstrap.
in meinem Fall habe ich v0.30.5

verwendet