Блог

У меня есть Login.js и это код:

 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 .

инвариант.js:39 Неперехваченное нарушение инварианта: недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: не определено. Проверьте метод визуализации Login .

Что не так с кодом? пожалуйста, помогите

Дааааа, я знаю, в чем проблема, нужна последняя версия react-bootstrap.
в моем случае я использовал версию 0.30.5