<p> こんにちは。以下の React アプリケーションを使用して、ページへのログインを認証するためのフォームを管理する必要があります。パラメータは電子メールとパスワードですが、コードを実行すると、次のエラーが出力されます。エラー: <strong> ; 33 行目: 「フォーム」は未定義ですreact/jsx-no-undef</strong></p> <p><strong>JavaScript コード: </strong></p> <pre class="brush:php;toolbar:false;">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> ); } } デフォルトのホームをエクスポート;</pre> <p><br /></p>