@Bogdnan123

Как установить дефолтное значение в инпуте и изменять его?

const [nameValue, setNameValue] = useState("");

              <TextField
                id="outlined-read-only-input"
                label="Display Name"
                variant="outlined"
                value={nameValue !== '' ? nameValue : name || '' }
                onChange={(e) => setNameValue(e.target.value)}
                onBlur={() => setName({ variables: { name: nameValue } })} 
              />


name - значение которое приходит из сервера
nameValue - новое значение которое мне нужно установить

По дефолту в инпуте должно быть значение из сервака, и когда я его изменяю то как видно в коде , когда убирается фокус onBlur , отправляются данные на сервак

Но когда я удаляю значения из инпута и остается 1 знак то возвращается значение которое было по дефолту, соответсвенно я не могу очистить инпут
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 1
@i1yas
const [nameValue, setNameValue] = useState(name || "");

<TextField
  ...
  value={nameValue}
  ...
/>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы