切换InputMask掩码时，React表单值不更新

import React, { useState } from 'react';
import InputMask from 'react-input-mask';

const MyForm = () => {
  const [mask, setMask] = useState('(999) 999-9999');
  const [value, setValue] = useState('');

  const handleMaskChange = () => {
    if (mask === '(999) 999-9999') {
      setMask('999-999-9999');
    } else {
      setMask('(999) 999-9999');
    }
  };

  const handleInputChange = (e) => {
    setValue(e.target.value);
  };

  return (
    <div>
      <InputMask key={mask} mask={mask} value={value} onChange={handleInputChange} />
      <button onClick={handleMaskChange}>切换掩码</button>
    </div>
  );
};

export default MyForm;