React typescript state更新時の型エラー

Question

stateのusersに配列を保存したく setState({ ...state, [users, new Users(data)]})と実装したのですが
計算されたプロパティ名は 'string' 型、'number' 型、'symbol' 型、または 'any' 型のいずれかでなければなりません。
というエラーになってしまいます。
どこを修正したらいいのでしょうか
わかる人いましたらご教授お願いしたいです。

// domain/user.ts
export class Users {
  readonly id: number;
  readonly name: string;
  readonly job: string;
  readonly img: string;

  constructor({
    id,
    name,
    job,
    img,
  }: {
    id: number;
    name: string;
    job: string;
    img: string;
  }) {
    this.id = id;
    this.name = name;
    this.job = job;
    this.img = img;
  }
}

export type TUser = {
  id: number;
  name: string;
  job: string;
  img: string;
};

export const initialUser: TUser = {
  id: 0,
  name: '',
  job: '',
  img: '',
};

interface IState {
  text: string;
  users: TUser[];
  message: string;
}

const User: FunctionComponent = () => {
  const [state, setState] = useState<IState>({
    text: '',
    message: '',
    users: [],
  });


  const setUsereList = (data: any) => {
  setState({ ...state, [users, new Users(data)]})
}

Answer 1

setState({ ...state, [users, new Users(data)]})

ではなく

setState({ ...state, users : [...users, new Users(data)]})

ではないでしょうか？

Comments

[退会済みユーザー]

ありがとうございます