Javascript React中的一个模式保持关闭，当我想单击其中的按钮时返回一个错误

当我打开模式时，我一直出现此错误：

import React from 'react';
import {
  Modal,
  ModalContent,
  ModalActions,
  PrimaryButton,
  ModalTitle
} from '@thermofisher/react-komodo-design';
import './style.scss';

const CreateListModal = ({ isModalOpen, closeModal }) => {
  return (
    <Modal id="simpleModal" isOpen={isModalOpen} handleClose={closeModal}>
      <ModalTitle handleClose={closeModal} />
      <ModalContent>Contect</ModalContent>
      <ModalActions>
        <PrimaryButton onClick={() => console.log('xxx')}>click</PrimaryButton>
      </ModalActions>
    </Modal>
  );
};

export default CreateListModal;

未捕获类型错误：handleClose不是函数 在HTMLDocument.handleclickout

这是模式：

import React from 'react';
import {
  Modal,
  ModalContent,
  ModalActions,
  PrimaryButton,
  ModalTitle
} from '@thermofisher/react-komodo-design';
import './style.scss';

const CreateListModal = ({ isModalOpen, closeModal }) => {
  return (
    <Modal id="simpleModal" isOpen={isModalOpen} handleClose={closeModal}>
      <ModalTitle handleClose={closeModal} />
      <ModalContent>Contect</ModalContent>
      <ModalActions>
        <PrimaryButton onClick={() => console.log('xxx')}>click</PrimaryButton>
      </ModalActions>
    </Modal>
  );
};

export default CreateListModal;

---

关于如何解决这个问题有什么建议吗？

什么是

handleClose

？它不应该是

onClick

？@yochanansheinberger我像

一样尝试过，它有相同的行为，你在模态标记中尝试过吗？为什么你的模型是空的（只有一个标签）？我不明白，请你说清楚一点好吗。在两个元素

Modal

和

ModalTitle

中有

handleClose

属性。尝试将它们都更改为

onClick

。2.Modaltle不应该包含一个标题吗？

  64 | useEffect(() => {
  65 |   const handleClickOutside = (event: any) => {
  66 |     if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
> 67 |       handleClose()
     | ^  68 |     }
  69 |   }
  70 |