Как обрабатывать нулевые значения при использовании доступности-реагирования-проверки

Question

Используя проверку доступности, когда поля формы (AvField) заполнены нулевыми данными из бэкэнда, я получаю предупреждение:

Предупреждение: value prop on input не должно быть нулевым. Попробуйте очистить компонент пустой строкой или undefined для неуправляемых компонентов.

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

<AvField type="text" name="offerKey" value={ data.offerKey === null ? '' : data.offerKey } />

Если в качестве значения добавить пробел, предупреждение исчезнет, ​​но текст-заполнитель не появится в текстовом поле.

Это ошибка или особенность?

Answer 1

Вы можете установить свое значение в состоянии с нулевой или пустой строкой ('')

state = {
value: ''
}

или вы можете изменить свою логику для:

value={ data && data.offerKey ? data.offerKey : '' }