Как проверить тип параметров ф-ции?

Question

[Vann Damm]

Тип для методов объекта - AuthFormsType

type AuthFormsType = {
  [s:string] : (props:FormPropsType | {path:string})=>React.ReactNode;
}

Тип использующийся для описания пропсов методов объекта - FormPropsType

export type FormPropsType = {
  formName:string;
  onSubmit:ReturnType<typeof submitHandlersCreator>;
  changeFormStateHandler:ReturnType<changeFormStateHandlerType>;
}

Сам объект

const authForms:AuthFormsType = {
  login:(props) =>{
    if(props === typeof FormPropsType ){
      return <Login 
      formName={props.fromName} 
      onSubmit={props.onSubmit} 
      changeFormStateHandler={props.changeFormStateHandler}
      />
    } 
    return <Login path={props.path} />
  },

Мне нужно сделать проверку какой тип у пропсов и в зависимости от того какой тип отдавать тот или иной компонент?
Какие есть возможные варианты проверки типов пропсов?

Answer 1

[Дмитрий Беляев]

Типов нет в рантайме, так что нужно проверять по тому что есть, например написать примерно такой тайпгвард:

const isFormPropsType = (v: FormPropsType | {path: string}): v is FormPropsType => typeof (v as FormPropsType).formName === 'string';

И соответственно использовать его для проверки:

const authForms:AuthFormsType = {
  login:(props) =>{
    if(isFormPropsType(props)){
      return <Login 
      formName={props.fromName} 
      onSubmit={props.onSubmit} 
      changeFormStateHandler={props.changeFormStateHandler}
      />
    } 
    return <Login path={props.path} />
  },

Хотя подозреваю, что можно гораздо проще сделать в данном случае:

const authForms:AuthFormsType = {
  login:(props) => {
    return <Login {...props} />
  },

Comments

[Vann Damm]

Пытался проще - не дает.