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

Question

[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 знак то возвращается значение которое было по дефолту, соответсвенно я не могу очистить инпут

Comments

[PetrPo]

Попробуй использовать аттрибут defaultValue

[Дмитрий Изотов]

Тебе надо чтобы при очистке был чистый инпут? Тогда там вроде есть defaultValue атрибут
Или чтобы там было дефолтное значение выскакивало при очистке?

Answer 1

[i1yas]

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

<TextField
  ...
  value={nameValue}
  ...
/>

Comments

[Bogdnan123]

В таком случае велью в инпуте нету вообще