Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何限制物料UI的TextField组件中字符串字段的可能输入?_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何限制物料UI的TextField组件中字符串字段的可能输入?

Javascript 如何限制物料UI的TextField组件中字符串字段的可能输入?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,在HTML5中,我们可以做,但如何在MaterialUI中做同样的事情呢? 下面是示例材质UI TextField组件 <TextField id="name" label="Name" type="string" //maxLength="3" Or maxlength="3" Or max="3" margin="normal" /> 将输入属性添加到文本字段示例

在HTML5中,我们可以做
,但如何在MaterialUI中做同样的事情呢? 下面是示例材质UI TextField组件

<TextField
          id="name"
          label="Name"
          type="string"
          //maxLength="3" Or maxlength="3" Or max="3"
          margin="normal"
        />

输入属性添加到
文本字段
示例如下:

<TextField
  inputProps={{
    maxLength: 10,
  }}
/>

或其他硬编码解决方案:

<TextField
  onInput={e => {
    e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 12);
  }}
/>
{
e、 target.value=Math.max(0,parseInt(e.target.value)).toString().slice(0,12);
}}
/>

Redux,但我希望他们有一个简单的道具。