2016-10-24 29 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