React：通过钩子在模态组件上强制单击事件？

Question

我们有这个现有的Modal组件，它具有触发道具：

<SimpleModal
  defaultOpen={defaultOpen}
  title={title}
  trigger={(e) => DocumentUploadButtonTrigger(e, title)}
  content={(
    ...
    />
  )}
/>

它被这样射击：

const DocumentUploadButtonTrigger = (onClick: () => void, title: string) => (
  <DocumentUploadButtonTriggerComponent onClick={onClick} title={title} />
);

触发事件正在使用挂钩在模式组件中切换打开或关闭。

return (
<>
  {trigger(handleOpen)}
  <Modal
     ...

我的问题是，我需要根据挂钩是否有价值来手动触发触发器click事件。 这就是我想要做的：

我的钩子

const [interestPaymentId, setInterestPaymentId] = useState('');

我的触发器

trigger={(e) => OpenIfInterestPaymentId(e, interestPaymentId)}

触发功能

const OpenIfInterestPaymentId = (onClick: () => void, interestPaymentId: string) => {
  // How can i get trigger the click event of the modal
  // based on interestPaymentId has value or not ? 
};