Question

在它看来的文档中没有提到它，我想将搜索限制为n个字符。

我可以通过在输入元素中添加maxlength属性在Chrome开发工具中成功尝试此操作，但我不知道如何告诉react-select组件这样做。

感谢

Answer 1

这是您可以应用maxLength

的方法

通过maxLength作为道具或在文件中定义

<Select
...
onInputChange={inputValue =>
            (inputValue.length <= maxLength ? inputValue : inputValue.substr(0, maxLength))
          }
....
/>

Answer 2

由于react-select v2 inputProps道具不再存在。在react-select v2 +中，您应该使用Components API。在这种情况下，代码可能如下所示：

import React from "react";
import Select, { components } from "react-select";

const Input = props => <components.Input {...props} maxLength={5} />;

export default () => (
  <Select
    ...
    components={{ Input }}
    ...
  />
);

Answer 3

我要回答自己。您可以使用inputProps，它会传递到输入元素。

反应选择是否支持搜索中的maxlength？

3 个答案: