「react/jsx-no-undef エラー: 'フォーム' が定義されていません」

Question

こんにちは。以下の React アプリケーションを使用して、ページへのログインを認証するためのフォームを管理する必要があります。パラメータは電子メールとパスワードですが、コードを実行すると、次のエラーが出力されます。エラー: ; 33 行目: 「フォーム」は未定義ですreact/jsx-no-undef

JavaScript コード:

import React, { Component } from 'react';
import { Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";
'./logo.svg' からロゴをインポートします。

'./Home.css' をインポートします。

クラスホームはコンポーネントを拡張します {
  コンストラクター(小道具) {
    スーパー(小道具);

    this.state = {
      Eメール： ""、
      パスワード: ""
    };
  }

  validateForm() {
    return this.state.email.length > 0 && this.state.password.length > 0;
  }
  handleChange = イベント => {
    this.setState({
      [イベント.ターゲットID]: イベント.ターゲット.値
    });
  }

  handleSubmit = イベント => {
    イベント.preventDefault();
  }

  与える（） {
    戻る （
      <div className="ログイン">
        <フォーム onSubmit={this.handleSubmit}>
          <Form.Group controlId="email" bsSize="large">
            <フォームコントロール
              オートフォーカス
              type="電子メール"
              値={this.state.email}
              onChange={this.handleChange}
            />
          </Form.Group>
          <Form.Group controlId="パスワード" bsSize="large">
            <フォームコントロール
              値={この.状態.パスワード}
              onChange={this.handleChange}
              type="パスワード"
            />
          </Form.Group>
          <ボタン
            ブロック
            bsSize="大"
            無効={!this.validateForm()}
            type="送信"
          >
            ログイン
              </ボタン>
        </フォーム>
      </div>
    );
  }
}

デフォルトのホームをエクスポート;

Answer 1

Form をインポートするのを忘れたようです。

を追加してください。 リーリー