があるためここでは、ブートストラップ

Question

の、コンポーネントは表示されませんリアクト私のコンポーネントです：

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`. 

私はこれらの3を取得しているので、私は、各入力またはButtonInputタグに対して1つのエラーがある推測しています。

私もコンソールでこのメッセージが表示されます：

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です。私の依存関係は、他のブートストラップ要素がうまく動作していることを考慮して、すべて正しくインストールされています。私が逃しているものは何ですか？

Answer 1

0.30.6では、InputもButtonInputもありません。

このチュートリアルで使用されているバージョンに対応するreact-bootstrapのバージョンを使用してください。最後のバージョンである

0.30.6、あなたが使用している反応し、ブートストラップのバージョン