在JSX中使用html屬性

我想在JSX中使用maxLength屬性，但我找到的示例沒有工作。在JSX中使用html屬性

<div> 
    <input type="Number" maxLength={5}/> 
</div>

這是我目前，我已經試過：

maxLength="5" 

maxLength={"5"}

謝謝。

2016-04-28 ys27

假設你正在使用整數，嘗試設置'最大=「99999」'。 [MDN上'']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input）。 –

問題根本不在於反應或JSX。問題是輸入類型「數字」不支持maxlength屬性。它支持「max」屬性。例如：

<input type="Number" max="99"/>

將允許數高達99

而且JSX不支持MaxLength屬性，你可以寫這樣的：

maxLength="5" 
maxLength={"5"} 
maxLength={5}

這將是同樣的事情

2016-04-28 16:06:30 Davinel

我明白了，我選擇使用文本是因爲我想在9chars之後限制打字。謝謝。 – ys27

你需要使用「數字」類型嗎？ maxLength將與「文本」一起工作，但是您希望使用max和number來定義可接受數字範圍的最大限制。但是，它不會阻止用戶進入更多的數字，那麼你指定，如這裏回答，

2016-04-28 16:08:40

謝謝，這也很有用。 – ys27

回答