Ошибка типа проп: неверный тип пропуска типа `search`, переданный в` Input`

Question

Получение неудачного типа реквизита из-за type = "search" на входе.Говорит: «Неудачный тип реквизита: недопустимый реквизит type значения search, предоставленный для Input, ожидаемый [[текст», «число», «пароль», «дата», «диапазон дат», «email "," tel "]"

 <Input
   type="search"
   onChange={this.onSearchChange}
   iconSize={IconSize.xs}
   color="primary"
/>

Ввод с type = "search" работает так, как задумано, но продолжает выдавать ошибки консоли.Кто-нибудь знает почему?И как это исправить?

Answer 1

<Input /> - это пользовательский компонент. Из комментария вы сказали, что это ваш собственный компонент. Проверьте свой реквизит, так как в настоящее время он позволяет только ["text","number","password","date","date-range","email","tel"].

Вы можете добавить "search" в проверке.

Answer 2

Если проходит через сообщение об ошибке. "Failed prop type: Недопустимый тип реквизита поиска значений, введенный для ввода, ожидается один из [" text "," number "," password "," date "," date-range "," email "," tel "]

Как и в вашем коде, вы передали значение "search" в свойство type компонента Input. По сути, тип не распознает значение «поиск», так как он ожидает, что значение будет «текст», «число», «пароль», «дата», «диапазон дат», «электронная почта» или «тел».

Ваш компонент Input будет работать нормально из-за некоторой логики, написанной в методе onSearchChange.

Чтобы исправить эту ошибку, установите значение типа, которое указано в ["text", "number", "password", "date", "date-range", "email", "tel"].

Например если вы используете только текст для поиска, установите для него значение «текст», для номера установите значение «число» и т. д.