如何通过单击一个按钮来激活setState和snackBar？

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

function App() {
  const [open, setOpen] = useState(false); // 初始化Snackbar的状态为关闭

  const handleClick = () => {
    setOpen(true); // 点击按钮时设置Snackbar的状态为打开
  };

  const handleClose = () => {
    setOpen(false); // Snackbar关闭时设置Snackbar的状态为关闭
  };

  return (
    <div>
      <Button variant="contained" color="primary" onClick={handleClick}>
        点击我
      </Button>
      <Snackbar
        open={open}
        autoHideDuration={3000} // 设置自动隐藏的持续时间
        onClose={handleClose}
        message="状态已激活！" // Snackbar显示的消息内容
      />
    </div>
  );
}

export default App;