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

Я пытался несколько раз использовать компоненты <Form> и <FormControl>. Каждый раз, когда я использую, я получаю одни и те же ошибки:

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

"Непринятое нарушение инварианта: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: undefined. Проверьте метод рендеринга 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>
    );
  }
}

Есть идеи?

Ответы

Ответ 1

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

Ответ 2

Импортируйте компоненты React-Bootstrap следующим образом:

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

Это помогло мне избавиться от той же ошибки при использовании action-bootstrap 0.31.