Answers for "pass only numbers in input react js"

1

pass only numbers in input react js

import React, { useState } from "react";

export default function App() {
  const [val, setVal] = useState(0);

  return (
    <div>
      <input
        type="text"
        pattern="[0-9]*" //set pattern
        value={val}
        onChange={(e) =>
          setVal((v) => (e.target.validity.valid ? e.target.value : v)) //check if the pattern equals to the value
        }
      />
    </div>
  );
}
Posted by: Guest on April-25-2022

Code answers related to "pass only numbers in input react js"

Code answers related to "Javascript"

Browse Popular Code Answers by Language