stateのオブジェクトの変更のやり方

Question

setStateでgroupのtypeだけを変更したいです。
下記のようにgroupのidとtypeの両方を変更することはできるのですが片方の値だけを変更するにはどう書いたらいいのでしょうか？

interface Groups {
  id: number,
  type: string
}
interface IState {
  text: number,
  name: string,
  group: Groups,
}

const onChange = () => {
// groupのtypeだけを変更したい
setState({...state, text: 10, ...{ group: { id: 1, type:family } } })
}

Answer 1

次のような書き方で変更できます。

const onChange = () => {
// groupのtypeだけを変更したい
setState({...state, text: 10, group: { ...state.group, type: 'family' } })
}

Comments

[ktaaa]

うまくいきません

[ktaaa]

すいません。できました

[ktaaa]

ありがとうございます