如果存在其他类型，如何使类型可选？

Question

I want to create and interface for a component props. Currently it looks like this:

interface IContextMenuProps {
  text: string;
  image: string;
}

I want the text to be optional if image is provided and viceversa. On other words, one of them has to exist.

Answer 1

In your case you need to use union.

Type will be something like this:

type IContextMenuProps = ({ text: string } | { image: string });

Answer 2

you can optional text key, something like.

type IContextMenuProps = ({ text: string } | { image: string });