如何在Mui中的TextField中设置输入类型

Question

我希望文本字段只允许整数输入：

<TextField value={inputs.length} name="length" required label="Enter length" color="secondary" variant="filled" onChange={handleChange} size="small" focused sx={{input: { color: "whitesmoke",}}} style={{ marginTop: "0.5em", marginRight: "0.5em", marginLeft: "0.5em"}}/>

如何做到这一点？

Answer 1

API文档说https://mui.com/material-ui/api/input/可以接受作为有效HTML5属性的type属性

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types

在您的情况下，您希望使用number