반응+최대 길이가 적용되지 않으면 어떻게 해야 합니까?

반응+최대 길이에 대한 해결 방법: 1. 해당 반응 파일을 엽니다. 2. "maxlength"를 "maxLength"로 변경합니다. 코드는 "".

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

react+maxlength가 적용되지 않으면 어떻게 해야 하나요?

문제 설명:

React 입력이 있지만 maxlength가 작동하지 않습니다. 이 문제를 해결하는 방법을 아는 사람이 있나요?

이것은 handlerChangeInput입니다.

handleChangeInput(input) {    this.setState({
        ...this.state,        form: {
            ...this.state.form,
            [input.target.name]: input.target.value
        }
    })
}

이것은 제 의견입니다:

<div className="input-field col s12 m6 l6">
    <input onChange={this.handleChangeInput} value={this.state.form.message} type="text" className="phone validate" name="phone" maxlength="11"/>
    <label for="telefone">Telefone</label>
</div>

문제 해결:

maxlength를 maxLength로 변경하세요! 대문자 L에 주목하세요.

<input
    id="ZIPCode"
    className="form-control"
    type="text"
    maxLength={10} // this is the important line
></input>

React는 camelCased html 속성을 사용하므로 최대 길이는 maxLength가 됩니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응+최대 길이가 적용되지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!