компонент формы response-bootstrap

Я несколько раз пробовал использовать компоненты <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>
    );
  }
}

Любые идеи?


reactjs jsx react-bootstrap
person user1399063    schedule 24.04.2016    source источник
comment
Вы обновили пакет npm до последней версии, я считаю, что эти компоненты являются новыми для response-bootstrap.   -  person JazzCat    schedule 24.04.2016
comment
о какой версии вы имеете в виду?   -  person caffeinescript    schedule 10.05.2016
comment
Пожалуйста, добавьте свой комментарий в качестве ответа, чтобы его можно было закрыть.   -  person Guilherme Rodrigues    schedule 26.05.2016
comment
@JazzCat, пожалуйста, добавьте свой комментарий в качестве ответа, чтобы вопрос не остался без ответа.   -  person Christopher Chiche    schedule 21.06.2016

Ответы (3)


arrow_upward
3
arrow_downward

Обновите npm-package, эти компоненты являются новыми в react-bootstrap.

person JazzCat    schedule 21.06.2016

arrow_upward
0
arrow_downward

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

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

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

person Mirko Flyktman    schedule 17.07.2017

arrow_upward
0
arrow_downward

У меня была проблема, связанная с этим, и я обнаружил, что они удалили ControlLabel, заменив его на FormLabel в более поздних версиях.

Изменять

import {FormControl, FormGroup, ControlLabel, etc... } from 'react-bootstrap';

To

import {FormControl, FormGroup, FormLabel, etc... } from 'react-bootstrap';
person Ninjaxor    schedule 03.02.2021