"react/jsx-no-undef 오류: '양식'이 정의되지 않았습니다."

Question

안녕하세요, 아래 React 애플리케이션을 사용하여 페이지 로그인을 인증하기 위한 양식을 관리해야 합니다. 매개변수는 이메일과 비밀번호인데, 코드를 실행하면 다음 오류가 인쇄됩니다. 오류: ; 33행: '양식'은 정의되지 않았습니다. React/jsx-no-undef

자바스크립트 코드:

'react'에서 React, { Component } 가져오기;
import { Button, FormGroup, FormControl, ControlLabel } from "react-bootstrap";
'./logo.svg'에서 로고 가져오기;

import './Home.css';

클래스 홈 확장 구성 요소 {
  생성자(소품) {
    슈퍼(소품);

    this.state = {
      이메일: "",
      비밀번호: ""
    };
  }

  유효성 검사 양식() {
    return this.state.email.length > 0 && this.state.password.length >
  }
  핸들체인지 = 이벤트 =>
    this.setState({
      [event.target.id]: 이벤트.대상.값
    });
  }

  handlerSubmit = 이벤트 =>
    event.preventDefault();
  }

  렌더링() {
    반품 (
      <div className="로그인">
        <Form onSubmit={this.handleSubmit}>
          <Form.Group controlId="email" bsSize="large">
            <Form.Control
              자동 초점
              유형="이메일"
              값={this.state.email}
              onChange={this.handleChange}
            />
          </양식.그룹>
          <Form.Group controlId="password" bsSize="large">
            <Form.Control
              값={this.state.password}
              onChange={this.handleChange}
              유형="비밀번호"
            />
          </양식.그룹>
          <버튼
            차단하다
            bs크기="대형"
            비활성화={!this.validateForm()}
            유형="제출"
          >
            로그인
              </버튼>
        </양식>
      </div>
    );
  }
}

기본 홈 내보내기;

Answer 1

가져오는 것을 잊어버린 것 같습니다 Form. 추가하세요:

으아악