防止在reactJS的输入类型tel上键入[a-z]

import React, { useState } from 'react';

const InputComponent = () => {
  const [telValue, setTelValue] = useState('');

  const handleTelChange = (e) => {
    const value = e.target.value;
    // 使用正则表达式验证输入的值
    if (/^[0-9]*$/.test(value)) {
      setTelValue(value);
    }
  };

  return (
    <input type="tel" value={telValue} onChange={handleTelChange} />
  );
};

export default InputComponent;

import React, { useState } from 'react';

const InputComponent = () => {
  const [telValue, setTelValue] = useState('');

  const handleTelChange = (e) => {
    setTelValue(e.target.value);
  };

  return (
    <input type="tel" inputMode="numeric" value={telValue} onChange={handleTelChange} />
  );
};

export default InputComponent;