正在设置react中输入字段的maxLength

Question

我在不同的页面上有多个字段，所有字段都由一个页面控制，并使用material ui textfield。我必须为不同的字段设置不同的maxLength。

我发现inputProps=｛｛maxLength:10｝｝，但这只允许1个固定值，我需要一种根据需要设置不同值的方法。

Answer 1

将您的maxLength设为一个状态，这样您就可以有条件地设置它：

const [dynamicLength, setDynamicLength] = useState(10);

<TextField 
inputProps={{
maxLength: dynamicLength
}}
/>

检查沙盒上的代码：https://codesandbox.io/s/textfield-h95ti