реакция-бутстрап Компонент формы

Question

Я несколько раз пытался использовать компоненты <Form> и <FormControl>. Everytime я использую я получаю то же erros:

«warning.js 8a56: 45 Внимание: React.createElement: Тип не должен быть пустыми, не определен, логическими, или номера Это должно быть строкой (для. DOM ) или ReactClass (для составных компонентов). Проверьте метод рендера от App. "

«Uncaught Инвариантных Нарушения: Тип элемент недействителен: ожидаются строку (для встроенных компонентов) или класса/функции (для составных компонентов), но есть не определено Проверьте рендер метод App..»

Даже с этой простой пример:

import React, {Component} from 'react'; 
import {FormControl, FormGroup, ControlLabel, HelpBlock, Checkbox, Radio, Button} from 'react-bootstrap'; 

export default class App extends Component { 
    render() { 
    return (
     <form> 
     <FormGroup controlId="formControlsText"> 
      <ControlLabel>Text</ControlLabel> 
      <FormControl type="text" placeholder="Enter text" /> 
     </FormGroup> 

     <Button type="submit"> 
      Submit 
     </Button> 
     </form> 
    ); 
    } 
} 

Любые идеи?

Answer 1

Обновите пакет npm, эти компоненты являются новыми в реакционной бутстрапе.

Answer 2

импортировать компоненты React-Bootstrap, как это:

import FormControl from 'react-bootstrap/lib/FormControl'; 

Это помог мне избавиться от тех же ошибок при использовании реакции-самозагрузках 0,31.