Решите, типизация зависит от значения другого ключа в интерфейсе (TypeScript)

Question

interface InputProps {
  type: 'input' | 'textarea'
  props: | React.InputHTMLAttributes<HTMLInputElement>
         | React.TextareaHTMLAttributes<HTMLTextAreaElement>
}

если type: 'input', я хочу ограничить props типом React.InputHTMLAttributes<HTMLInputElement>.

Answer 1

Вы должны определить его как 2 отдельных интерфейса, а затем объединить их:

interface InputProps {
  type: 'input'
  props: React.InputHTMLAttributes<HTMLInputElement>
}

interface TextAreaProps {
  type: 'textarea'
  props: React.TextareaHTMLAttributes<HTMLTextAreaElement>
}

type TextFieldProps = InputProps | TextAreaProps;