ReactJS如何限制内联输入值？

import React, { useState } from 'react';

function InputComponent() {
  const [inputValue, setInputValue] = useState('');

  const handleChange = (event) => {
    const value = event.target.value;
    // 在这里进行输入值的限制，比如只允许输入数字
    const restrictedValue = value.replace(/\D/g, ''); // 只保留数字

    setInputValue(restrictedValue);
  };

  return (
    <input type="text" value={inputValue} onChange={handleChange} />
  );
}

export default InputComponent;