web-dev-qa-db-ja.com

反応ブートストラップフォームコンポーネント

<Form>および<FormControl>コンポーネントの使用を何度か試みました。使用するたびに同じエラーが発生し続けます。

"warning.js？8a56：45警告：React.createElement：タイプはnull、未定義、ブール値、または数値であってはなりません。文字列（DOM要素の場合）またはReactClass（複合コンポーネントの場合）です。renderメソッドを確認してください/ 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>
    );
  }
}

何か案は？

reactjsjsxreact-bootstrap
12
user1399063

Npm-packageを更新します。これらのコンポーネントは、react-bootstrapで新しいです。

3
JazzCat

次のようにReact-Bootstrapコンポーネントをインポートします。

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

それは、react-bootstrap 0.31を使用するときに同じエラーを取り除くのに役立ちました。

0
Mirko Flyktman