Блог

У меня есть тип для моего состояния, а также объект обработчиков сообщений (thunks), который явно вводится как Record<string, (val: any) => AppThunk>

Я получаю входящие сообщения, которые являются объектами, и их ключи могут совпадать с ключами объекта обработчика сообщений, и в этом случае я хочу вызвать обработчик сообщений, или их ключи могут совпадать с ключами DataState , и в этом случае я хочу просто отправить их через updateState .

Приведенный ниже код работает нормально.

 type DataState = {
  startRequestCounter: -1,
  startResponseCounter: -1,
  stopRequestCounter: -1,
  stopResponseCounter: -1,
  robotMode: RobotMode.Idle as RobotMode,
}

const messageHandlers: Record<string, (val: any) => AppThunk> = {  
  startRequestCounter: () => async (dispatch, getState) => // do stuff,  
  startResponseCounter: (counter: number) => dispatch  => // do stuff,
  stopResponseCounter: (counter: number) => dispatch  => // do stuff
}

export const handleMessage = (message: MessagePayload): AppThunk => (dispatch, getState) => {
  Object.entries(message).forEach(([snakeKey, value]) => {
    const key = camelCase(snakeKey)
    
    // call the message handler for this message, if there is one
    if (messageHandlers[key]) {
      dispatch(messageHandlers[key](value))
    }
    // if not, update the state if we have a state for this message
    else if (Object.keys(getState().data).includes(key)) {  // <~~~~ HERE!!!!
      dispatch(updateState({ [key]: value }))
    }
  })
}
  

Однако я чувствую, что else if в конце можно было бы написать более кратко.

else if (getState().data[key]) работает (если я ts-игнорирую это), но TypeScript жалуется:

Элемент неявно имеет тип ‘any’, поскольку выражение типа ‘string’ не может использоваться для индексирования типа ‘{ startRequestCounter: number; startResponseCounter: number; stopRequestCounter: number; stopResponseCounter: number; cuvettesCount: number; pipettesCount: number; robotMode: RobotMode; }’.

Я провел небольшой поиск, и похоже, что это keyof может быть то, что я ищу, но keyof даже не может быть найдено при вводе.

Ответ Тодда хороший, но я выяснил, что он в основном такой же краткий, как я искал:

 else if (key in getState().data)
  

Это потому, что key не гарантированно является одним из ключей, перечисленных в вашем DataState .

Вы можете сообщить TypeScript, что он будет использовать keyof .

 if (getState().data[key]) { 
    // Error Here
}
if (getState().data[key as keyof DataState]) {  
    // Not Here
}