Я пытаюсь установить новое значение, которое я получаю от реквизита, а затем обновляю компонент TextField с помощью setValue библиотеки response-hook-form.
Проблема в том, что значение иногда остается пустым, а иногда метка не плавает (сжимается).
Codesandbox (обратите внимание, что я создал компонент-оболочку для TextField там) https://codesandbox.io/s/romantic-bird-tq4sf?file=/src/App.js
Что ж, если метка не плавает или не сжимается, тогда значение, которое вы пытаетесь вставить в поле, будет просто пустой строкой, тогда я полагаю? Также подумайте о полном удалении массива зависимостей из useEffect следующим образом:
useEffect(() => {
// Code here
})
вместо этого:
useEffect(() => {
// Code here
}, [.....]) <-- REMOVE THAT ARRAY
Может быть, попробовать - в сочетании с предыдущим ответом?
setValue("business_name", "netanel" || someData);
Этот код перезаписывает значение. Этот код записывает netanel в поле, если это правда, что всегда так. Проблема с подключением.
Делай это так:
setValue("business_name", someData);
Так что someData всегда определяется.
Поскольку вы уже определяете запасное значение в уничтожении здесь: { someData = "netanel" }
Обновление:
Чтобы предотвратить ошибку метки, вам необходимо определить значение по умолчанию, чтобы переданное начальное значение не было нулевым или неопределенным.
Так что измените текстовое поле на это:
<Controller
as={MuiTextField}
name={name}
control={control}
label={label}
defaultValue=""
/>
и это работает.
