передан ли в него проп рендерит один компонент или другой.
const A = ({ importantText, ...props }) => importantText ? <Something importantText={importantText} {...props} /> : <Else {...props} />;
const Something: FC<{ someProp: string, importantText: string }> = ({ someProp, importantText }) => <span>{`${someProp} ${importantText}`}</span>;
const Else: FC<{ anotherProp: number}> = ({ anotherProp }) => <span>{anotherProp}</span>
не знает ли кто как с помощью conditional types добиться того чтобы в зависисмости от того передан ли importantText в <A /> определялись бы типы оставшихся пропсов? Я нашел некий пример но не могу понять как его адаптировать к своим нуждам ибо глуповат
http://www.typescriptlang.org/play/index.html#code/C4TwDgpgBAggTgcwK4FsIDtgBVwQM4A8AYlBAB7AYAmeUA3gL4B8UAvAFBRdQnmXo0oACgB0YgIaI8ALigBLdADMIcWAEo2LcehBQA-FDzA4ChFFnoIANxUBudu1CQoABTgB7MIV4VqtRgA0nNwukuIotKywiKgY2LjeTCwc3K5hEaS+ArRGJuhmesFcdEWpUMrAAMYAFiqyRPapDOb0pakVNXU8jWVcYOkyaXDheKUM9uyKSOiVwHLu6FBw01j4wMSZ-IKMTEJgHl6ybp6JGnRQDA5TM3MLUJRGAAxCZxeT07Pziw-AAIxCCwgsm0IFel3Yy3QqyMQhK7QgVVqcFkP0epQA9OioAEoP1hhFZABtAC6UExUAAonAPHB2Aw1PZIdDgLDSh0kSi1r8MViAMLuFBoTDyYA4nlcdyqOAQMAAG3ElWgcmAUAA7srqvJ0FZxLK5FQoJIEKNUuTDQJDBBoCoaaUcXiRrIAOROukMoA
Тут нужен стрикт юнион тип
Обсуждают сегодня