javascript - setIsOpen 不是函数

Question

我正在 React 中创建模态，我希望在单击卡片时出现模态，但我在显示它时遇到了问题。我正在使用 UseState 来处理打开和关闭(切换 true 或 false)，但是当单击卡片时，我收到一条错误消息，提示 TypeError: setIsOpen is not a function我怎样才能让它发挥作用？我不明白为什么会这样。这是我的代码。

import React, { useState } from "react";
import Modal from "../modal/projectModal.jsx";

// Scss
import "./projectBox.scss";

const ProjectBox = (props) => {
  const { isOpen, setIsOpen } = useState(false);

  return (
    <div>
      <div className="portfolio__box" onClick={() => setIsOpen(true)}>
        <img src={props.preview} alt="project" />
        <div className="portfolio__hover-info flex-center">
          <div className="text-center">
            <p className="font30 weight800">{props.title}</p>
            <p className="font12 weight500">{props.tag}</p>
          </div>
        </div>
      </div>
      <Modal open={isOpen}>project details</Modal>
    </div>
  );
};

export default ProjectBox;

Answer 1

在您的 useState 中将 { } 更改为 [ ]。
所以，就像

const [ isOpen, setIsOpen ] = useState(false);