如何在react hooks中只允许输入数字？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在react hooks中只允许输入数字？相关的知识，希望对你有一定的参考价值。
读取 本回答 我想出了这个代码，但没有工作。我缺少什么？
function App() {
const [value, setValue] = useState();
function onChange(e) {
const re = /^[0-9]+$/;
if (e.target.value === "" || re.test(e.target.value)) {
setValue(e.target.value);
}
}
return <input value={value} onChange={onChange} />;
}
render(<App />, document.getElementById("root"));
答案
根据这个更新了答案 岗位
你可以使用属性 type="number" 和 pattern="^-?[0-9]d*.?d*$"所以修改你的输入元素就像这样。
return <input value={value}
onChange={onChange}
type="number"
pattern="^-?[0-9]d*.?d*$"
/>;
}以上是关于如何在react hooks中只允许输入数字？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 React hooks 和 redux 中只获取一次且不再获取数据
如何使用 jQuery 在 HTML 输入框中只允许数字空间和分数（1 1/2）格式？