道具类型失败：提供给“输入”的值“搜索”无效的道具“类型”

Question

由于输入为type =“ search”，而导致道具类型失败。 说： “失败的道具类型：提供给type的值为search的道具Input无效，应该是[“ text”，“ number”，“ password”，“ date”，“ date-范围“，”电子邮件“，”电话“]”

 <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

如果出现错误消息。 “失败的道具类型：为输入提供的值搜索无效的道具类型，预期为[“ text”，“ number”，“ password”，“ date”，“ date-range”，“ email”，“ tel”]之一/ p>

与在您的代码中一样，您已将值“搜索”传递给输入组件的type属性。 基本上，类型不能识别值“搜索”，因为它期望值是“文本”，“数字”，“密码”，“日期”，“日期范围”，“电子邮件”或“电话”。

由于您使用onSearchChange方法编写了一些逻辑，因此您的Input组件可以正常工作。

要解决此错误，请设置在[“ text”，“ number”，“ password”，“ date”，“ date-range”，“ email”，“ tel”]中指定的type值。

例如如果仅使用文本进行搜索，则将其设置为“文本”，将数字设置为“数字”，依此类推。