0

Есть компонент, он принимает поля type и users. Как сделать так, чтобы в зависимости от type, поле users было обязательным. Например если type required, то тогда users обязательно нужно передавать в компонент. А если type !== required то тогда users не нужно передавать в компонент.

interface iCard {
   type: 'required' | 'not-required;
   users: iUsers[];
}

const Card: React.FC<iCard> = ({ type, users }) => {
   ...
}

1 ответ 1

2
interface ICardRequired {
  type: 'required';
  users: iUsers[];
}

interface ICardNotRequired {
  type: 'not-requiered';
  users?: iUsers[];
}

type Props = ICardRequired | ICardNotRequired


const Card: React.FC<Props> = ({type, users}) => {
   ...
}

UPD
Подобный вопрос уже был задана на англоязычной версии stackoverflow

Ознакомиться с ответами вы можете здесь:
https://stackoverflow.com/questions/58630750/react-typescript-component-with-two-different-prop-interfaces

1
  • пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 23 мар 2022 в 11:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.