Блог

Я использую форму React Hook для проверки моей формы, включающей множество входных данных. Всего пять, кроме одной проблемы, из-за которой мне приходится дважды нажимать пробел для удаления последнего символа и дважды для ввода первого символа. Например. Если мне нужно показать значение ввода ‘jonh’, тогда я должен дважды нажать ‘j’, чтобы можно было отобразить эту букву. И когда я удаляю ‘john’, нажмите 1 пробел для ‘n’, 1 пробел для ‘h’, 1 пробел для ‘o’, НО 2 пробел для ‘j’. Я думал, что это из формы react hook, потому что я не использую, это не проблема. Ценю любую помощь. Большое вам спасибо.

Codesanbox: https://codesandbox.io/s/react-hook-form-j63o9?file=/src/App.js

Вы не используете React-Hook-Form прямо сейчас. Вы только импортировали его и зарегистрировали.

Вот как использовать React-Hook-Form:

 import React from 'react'
import { useForm } from 'react-hook-form'


const { register, handleSubmit } = useForm({
    defaultValues: {
      name: '',
      code: '',
      description: '',
      price: '',
      weight: '',
      long: '',
      width: '',
      high: '',
    },
  });

const onSubmit = async (data) => {

};

<form className="popup-product__form" onSubmit={handleSubmit(onSubmit)}>
    <input
        type="text"
        name="name"
        className="form-control"
        placeholder="Message"
        ref={register({
            required: 'Errors Message ....',
        })}
    />
    {errors.name amp;amp; (
        <div className="form-error">
            {errors.name.message}
        </div>
    )}
   <input value="Submit" type="submit"/>
</form>