Как использовать ключи объекта в интерфейсе?

Question

У меня есть интерфейс для избыточного действия, который использует action_types , хранящиеся в объекте.Но это не позволяет мне сделать.

const action_types = {
  USER_SUCCESS: 'USER_SUCCESS',
  USER_REQUEST: 'USER_REQUEST'    
}

interface IUpdateUser {
  type: action_types.USER_SUCCESS,    // Returns error
  payload:{
    value: string
  }
}

Есть ли что-то, что я пропускаю?

Answer 1

Вы должны превратить action_types в перечисление:

enum action_types {
  USER_SUCCESS = 'USER_SUCCESS',
  USER_REQUEST = 'USER_REQUEST' 
}

interface IUpdateUser {
  type: action_types.USER_SUCCESS,
  payload:{
    value: string
  }
}

Таким образом, вы получите полную проверку при использовании switch также для типа действия.

Answer 2

Синтаксис неверен для доступа к типу свойства.Вам нужно использовать [] для доступа к типам свойств и typeof для получения типа константы.

const action_types = {
  USER_SUCCESS: 'USER_SUCCESS' as 'USER_SUCCESS',
  USER_REQUEST: 'USER_REQUEST' as 'USER_REQUEST'    
}

interface IUpdateUser {
  type: typeof action_types['USER_SUCCESS'],    // ok
  payload:{
    value: string
  }
}


interface IUpdateUser {
  type: typeof action_types['USER_SUCCESS'],    // ok
  payload:{
    value: string
  }
}