#javascript #node.js #reactjs #typescript
Вопрос:
Этот ввод работает правильно, когда я просто добавляю его в index.html . Но это не работает, когда генерируется react. Цифры во входной форме просто не меняются. Почему это происходит?
<input type="date" name="date" value="2003-12-16" max="2021-07-03"/>
Комментарии:
1. Это потому, что вы использовали
valueи сделали это неконтролируемым. Так что это не контролируется React сейчас. Вы должны использоватьdefaultValueатрибут вместоvalue2. Почитайте здесь: itnext.io/…
3. см. Документы React
Ответ №1:
Чтобы достичь своей цели, вы должны использовать React way (Управляемые компоненты).:
<input type="date" value={this.state.value} onChange={this.handleChange} max="2021-07-03" />
Рабочая демонстрация: Codesandbox
Чтобы узнать об Uncontrolled Components этом, пожалуйста, посетите: Неконтролируемые компоненты