☰

React Hooks useState() でオブジェクトを使用する 質問する

tag-icon • tag-icon javascript reactjs react-hooks
React Hooks useState() でオブジェクトを使用する 質問する

React with Hooks でネストされたオブジェクトの状態を更新する正しい方法は何ですか?

export Example = () => {
  const [exampleState, setExampleState] = useState(
  {masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b"
           fieldTwoTwo: "c"
           }
        }
   })

setExampleState更新（フィールドの追加）exampleStateするにはどのように使用しますか?a

const a = {
masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b",
           fieldTwoTwo: "c"
           }
        },
  masterField2: {
        fieldOne: "c",
        fieldTwo: {
           fieldTwoOne: "d",
           fieldTwoTwo: "e"
           }
        },
   }
}

b（価値観を変える）？

const b = {masterField: {
        fieldOne: "e",
        fieldTwo: {
           fieldTwoOne: "f"
           fieldTwoTwo: "g"
           }
        }
   })

ベストアンサー1

次のように新しい値を渡すことができます:

  setExampleState({...exampleState,  masterField2: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b",
           fieldTwoTwo: "c"
           }
        },
   })

おすすめ記事