typescript: 動的に変化するobjectのキーに対して型をつける方法

Question

困っていること

Objectのkeyに動的に変わるときの型をつける方法が分からないです。
型が決まっている場合（keyがnameの時）は,{name: string}とすればいいのですが動的にkeyが変わる場合は型を付けれるかどうかついてご教示頂けると幸いです。

interface HandleChange {
  type: typeof 'HANDLE_CHANGE'
  payload: any // objectのkeyが動的に変わるため型の付け方が分からない...
　// error msg: warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
}

export const postsAction = {
  handleChange(key: string, value: string): HandleChange {
    return {
      type: 'HANDLE_CHANGE',
      payload: { [key]: value },
    }
  }
}

Answer 1

不特定のキーに型をつける方法はいくつかあります。

• {[x: キーの型]: 値の型}…xを値の型の側で使うことはできません。
• {[P in キーの型]: 値の型}…Pを値の型の側で使って、複雑な型を導出することも可能です。

Comments

[nanase21]

先程の質問に続き、ご教示頂きありがとうございます。
「{[P in キーの型]: 値の型}…Pを値の型の側で使って、複雑な型を導出することも可能です。」の方法で以下のようにし、解決できました。
payload: { [key in string]: string | boolean }