如何通过将未定义的prop遗漏在react / typescript项目的声明中来传递它？

Question

I wan't to do this

But i get an typescript error saying that label is missing. So when i explicitly say that it should be undefined the error disappears like in the image below

My interface looks like this

export default interface Props {
  onPress: () => void
  label: string | null
}

I want to be able to leave it out and thereby passing undefined. Do some Compiler options exist for this? Or a workaround in the interface? Or some other way around this?

Answer 1

You can make the field optional using ? :

export default interface Props {
  onPress: () => void
  label?: string
}