React:如何防止表单提交后整数值变为NaN

import React, { useState } from 'react';

function NumberForm() {
  const [number, setNumber] = useState('');

  const handleChange = (event) => {
    const value = event.target.value;
    if (!isNaN(value) && value !== '') {
      setNumber(value);
    }
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    const num = parseInt(number, 10);
    if (!isNaN(num)) {
      console.log('Submitted number:', num);
    } else {
      console.error('Invalid number');
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={number}
        onChange={handleChange}
        placeholder="Enter a number"
      />
      <button type="submit">Submit</button>
    </form>
  );
}

export default NumberForm;