Как сделать так чтобы в input можно было вводить только цифры или пустую строку?
1 ответ
Можно проверять новое значение при записи в стейт:
import React, {useState} from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
const [value, setValue] = useState("");
const onChange = ({target: {value}}) => setValue(prev => /\d+/.test(Number(value)) ? value : prev);
return (
<div className="App">
<input {...{value, onChange}}/>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
-
хороший код.Только хочу спросить
<input {...{value, onChange}}/>
что делает вот это строка можно обяснить ?– Demon __20 июл 2019 в 20:06 -
1
<input {...{value, onChange}}/>
тоже самое что и<input value={value} onChange={onChange}/>
, можно ещеcont params = {value, onChange}; <input {...params} />
;– batman22 июл 2019 в 6:03 -
<input type="number"/>