0

Как сделать так чтобы в input можно было вводить только цифры или пустую строку?

2
  • 5
    <input type="number"/>
    – Vladimir
    16 июл 2019 в 13:48
  • Только цыфры. без e + - Что то не понятно написал?
    – user208853
    16 июл 2019 в 14:07

1 ответ 1

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);
3
  • хороший код.Только хочу спросить <input {...{value, onChange}}/>что делает вот это строка можно обяснить ?
    – Demon __
    20 июл 2019 в 20:06
  • 1
    <input {...{value, onChange}}/> тоже самое что и <input value={value} onChange={onChange}/>, можно еще cont params = {value, onChange}; <input {...params} />;
    – batman
    22 июл 2019 в 6:03
  • ясно спасибо . (1 символ нужен)
    – Demon __
    22 июл 2019 в 18:43

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки