清除React中数字输入中的值

import React, { useState } from 'react';

const NumberInput = () => {
  const [value, setValue] = useState('');

  const handleClear = () => {
    setValue('');
  };

  return (
    <div>
      <input type="number" value={value} onChange={e => setValue(e.target.value)} />
      <button onClick={handleClear}>Clear</button>
    </div>
  );
};

import React, { useRef } from 'react';

const NumberInput = () => {
  const inputRef = useRef(null);

  const handleClear = () => {
    inputRef.current.value = '';
  };

  return (
    <div>
      <input type="number" ref={inputRef} />
      <button onClick={handleClear}>Clear</button>
    </div>
  );
};