试图在 Typescript 中对 function 进行类型检查

Question

I am not sure how to describe my problem, but essentially I am attempting to type-check a function but I am unsure if my understanding is correct.

I have these props over here

  const { closeModal, productId, activeEnvironment } = props;

Now I already know that productId is a string and so is activeEnvironment, but closeModal is a function, now I figured this out by outputting it to the console in a console log statement.

This is what was outputted in the browser console.

 ƒ closeModal() {
  setManualBeatModalOpen(false);
}

Here is the usage of my ManualPulseModal

<ManualBeatForm
        productId={productId}
        closeModal={() => {
          setManualBeatModalOpen(false);
        }}
        activeEnvironment={activeEnvironment}
      />

Now how would I type check the closeModal variable do I need to use Dispatch....etc

Answer 1

Since the closeModal has no parameters and no return value, you can type it simply as closeModal: () => void .

So you could have something similar to this (excluding the other props):

interface Props {
  closeModal : () => void
}

export function YourFunc(props : Props) {
  const { closeModal } = props;
  ...
}