当选择可搜索时，我希望键盘处于数字模式

Question

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

Answer 1

您必须使用组件框架覆盖Input组件，并将 pattern prop 设置为仅在当前设备是移动设备时允许数字。

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

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

代码沙盒示例