我在我的React组件中有一个电子邮件输入框:
<input
type="email"
autoComplete="email"
placeholder="Email"
required
value={this.state.formData.email}
onChange={this.handleFieldChange('email')}
/>
这段代码在控制台中会抛出一个警告:
The specified value "myemail" is not a valid email address.
每次按键直到输入的内容符合有效的电子邮件格式。 我认为这是默认的HTML5电子邮件验证消息。由于我每次都更改了其状态,因此React会重新渲染它,而HTML5会重新验证它。将类型更改为“文本”可以解决此问题,但我希望将其保留为“电子邮件”。在React中处理这个问题的正确方式是什么,以避免这些HTML5警告呢?