(Gatsby)如何添加溢出:通过单击事件隐藏？

import React, { useState } from "react"
import "./styles.css" // 导入自定义的样式文件

const OverflowExample = () => {
  const [isContentHidden, setIsContentHidden] = useState(false)

  const handleClick = () => {
    setIsContentHidden(!isContentHidden)
  }

  return (
    <div className={`container ${isContentHidden ? "hide-overflow" : ""}`}>
      <div className="content">
        {/* 这里放置你的内容 */}
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque auctor
        turpis id nibh placerat iaculis. Donec interdum libero nec est iaculis, at
        egestas velit lacinia. Aliquam molestie interdum quam ut finibus.
      </div>
      <button onClick={handleClick}>隐藏内容</button>
    </div>
  )
}

export default OverflowExample