当组件更新时重置Snackbar上的autoHideDuration计时器

import React, { useState, useRef } from 'react';
import { Snackbar } from '@material-ui/core';

const MyComponent = () => {
  const [open, setOpen] = useState(false);
  const timerRef = useRef(null);

  const handleClick = () => {
    setOpen(true);
    if (timerRef.current) {
      clearTimeout(timerRef.current);
    }
    timerRef.current = setTimeout(() => {
      setOpen(false);
    }, 3000); // 3秒后自动隐藏
  };

  return (
    <div>
      <button onClick={handleClick}>Show Snackbar</button>
      <Snackbar
        open={open}
        autoHideDuration={3000}
        onClose={() => setOpen(false)}
      >
        This is a snackbar message.
      </Snackbar>
    </div>
  );
};

export default MyComponent;