第一个字符未显示在输入字段useForms中

Question

当我点击提交时，它给出了一个“必填”错误。但是当我输入文本时，它不需要第一个字符。在输入第一个字符时，它只会删除“必需”消息。 你能告诉我为什么它没有显示第一个字符。

<div className="input-field">
    <label htmlFor="state">State</label>
       <input
       placeholder="State"
       name="state"
       autoComplete="off"
       type="text" 
       value={state}
       onChange = { e => setState(e.target.value)}
       ref={register({required:'required'})}  
       />
       <span className="error">{errors.state && errors.state.message}</span>
</div>

Answer 1

这可能与 react-hook-form 与您的自定义控制逻辑（value 和 onChange）的使用有关。

如果您不需要控制输入，我建议您从输入中删除 value 和 onChange 属性，因为它们似乎与包冲突。