2016-10-24 28 views
2

我有Login.js,这是代码:Reactjs错误导入时的反应,引导

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 

这是我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> 

); 

的错误是:

警告。 js:45警告:React.createElement:类型不应该为null,undefined,boolean或number。它应该是一个字符串(用于DOM元素)或ReactClass(用于复合组件)。检查Login的渲染方法。未捕获的不变式违例:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:undefined。检查Login的渲染方法。

代码有什么问题?请帮助

回答

0

Yeaaaahh,我知道什么问题,需要最新版本的react-bootstrap。
在我的情况下,我用过v0.30.5