当Select isSearchable时，我希望键盘处于数字模式

Question

当Select isSearchable并且设备是移动的时，我希望键盘处于数字模式。这可能吗？谢谢

Answer 1

您必须使用Input覆盖components framework组件，并将pattern prop设置为仅允许数字（如果当前设备是移动设备）。

输入元素上的pattern prop（或更确切地说属性）检查输入值以进行输入验证。使用正确的模式，它可以控制您在移动设备上获得的键盘类型。 \d*是一个正则表达式模式，只允许数字输入。

const Input = (props) => <components.Input {...props} pattern={somehowCheckForMobile() ? "\\d*" : undefined} />;

<Select 
    { ... }
    components={{
        Input
    }}
/>

CodeSandbox example