2016-04-24 13 views
9

<Form>および<FormControl>コンポーネントを使用するのに数回試しました。毎回私は同じerrosを得続ける使用:反応起動ストラップフォームコンポーネント

「warning.js 8a56:?45警告:React.createElement:タイプが ヌル、未定義、ブール、または数値ではありませんそれは文字列でなければなりません(ため。 DOM 要素)またはReactClass(複合コンポーネント用) メソッドのレンダリングをAppにチェックしてください。

「キャッチされない不変違反:要素タイプが無効である:(内蔵部品用) 文字列または(複合 コンポーネントの)クラス/機能を期待したが得た:未定義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> 
    ); 
    } 
} 

任意のアイデアは?

+5

npmパッケージを最新のバージョンに更新しましたか?これらのコンポーネントは、反応起動ストラップの新機能です。 – JazzCat

+0

ありがとう!出来た。 – user1399063

+0

どのバージョンを参照していますか? – caffeinescript

答えて

2

これらのコンポーネントは、反応起動ストラップで新しいものです。反応ブートストラップ0.31を使用した場合、同じエラーを取り除くために私を助けたこと

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

0

は、このようなあなたのリアクト・ブートストラップのコンポーネントをインポートします。

関連する問題