2016-11-01 2 views
0

Вот моя компонента:Реагировать компонент не будет оказывать, из начальной загрузки

import React from 'react'; 
import {Col, Panel, Input, ButtonInput} from 'react-bootstrap'; 

const EditItem = ({content}) => (
    <Col xs={12} sm={6} smOffset={3}> 
    <Panel> 
     <h1> Edit Item </h1> 
     <form> 
     <Input type="text" placeholder="Name of the place" /> 
     <Input type="textarea" placeholder="Description" /> 
     <ButtonInput bsStyle="primary" type="submit" value="Save Item"/> 
     </form> 
    </Panel> 
    </Col> 
); 

export default EditItem; 

Я структурированы все мои компоненты таким же образом, и они работают отлично. Помимо импорта Input и ButtonInput, компонент очень похож на другие, которые работают нормально. Я получаю followingoutput к моей консоли:

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of `EditItem`. 

Поскольку я получить три из них, я предполагаю есть одна ошибка для каждого входного или ButtonInput тега.

я получаю это сообщение в консоли, а также:

invariant.js:39 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of `EditItem`.(…) 

Я следую шаг за шагом учебник, а код в turorial является identitcal помоему. Мои зависимости все установлены правильно, учитывая, что другие элементы начальной загрузки работают нормально. Любая идея, что мне не хватает?

+0

версии среагировать-бутстрап вы используете? –

+0

[email protected] –

ответ

1

В варианте 0.30.6 нет Input или ButtonInput компонентов.

Обязательно используйте версию реактивной бутстрапа, соответствующую версии, используемой в учебнике.

0.30.6 является последней версией, вы найдете все необходимую на http://react-bootstrap.github.io/ справку о

Смежные вопросы