"react/jsx-no-undef 오류: '양식'이 정의되지 않았습니다."
<p> 안녕하세요, 아래 React 애플리케이션을 사용하여 페이지 로그인을 인증하기 위한 양식을 관리해야 합니다. 매개변수는 이메일과 비밀번호인데, 코드를 실행하면 다음 오류가 인쇄됩니다. 오류: <strong> ; 33행: '양식'은 정의되지 않았습니다. React/jsx-no-undef</strong></p>
<p><strong>자바스크립트 코드: </strong></p>
<pre class="brush:php;toolbar:false;">'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>
);
}
}
기본 홈 내보내기;</pre>
<p><br /></p>