Const availableFunc = (id) => {if (Active.length> 0) {let available = Active.filter ((obj) => obj.type === id) .map ((obj) => obj.available! == undefined? obj.available: & ...

0
Sohit kumar 4 Янв 2021 в 20:18

1 ответ

Лучший ответ

Проблема

Свойство / атрибут defaultValue - это просто начальное значение входных данных при монтировании компонента. Обычно он используется для неконтролируемых входов, т.е. вы не сохраняете входное значение в состоянии (обновляется с помощью обработчика onChange). Изменения этого свойства фактически не изменяют значение, используемое входом, вы должны увидеть предупреждение о реакции, что-то вроде «Изменение входа с неконтролируемого на управляемый ...».

Решение

Поскольку вы прикрепили обработчик onChange, я предполагаю, что вы хотели, чтобы это был управляемый ввод. Используйте опору value.

<Select
  value={availableFunc(res.eId)}
  onChange={(event) =>
    handleChangeSelect(
      event.target.value,
      res.eId,
      res.dropDown[0]
    )
  }
>
  ...
0
Drew Reese 4 Янв 2021 в 17:55