如何简单的用reactjs为div写一个收缩功能

可以使用useState钩子来实现一个简单的收缩功能。以下是一个示例代码：

import React, { useState } from "react";

function App() {
  const [isCollapsed, setIsCollapsed] = useState(true);

  const toggleCollapse = () => {
    setIsCollapsed(!isCollapsed);
  };

  return (
    <div>
      <button onClick={toggleCollapse}>
        {isCollapsed ? "展开" : "收起"}
      </button>
      <div style={{ display: isCollapsed ? "none" : "block" }}>这里是内容</div>
    </div>
  );
}

export default App;

在上面的代码中，我们使用useState来设置一个isCollapsed状态，初始值为true。然后，我们定义一个toggleCollapse函数，当按钮被点击时，将isCollapsed状态取反。最后，我们根据isCollapsed状态的值来设置内容div的display属性，从而实现了简单的收缩功能