変数参照を使用してJavascriptでネストされたオブジェクトの内部プロパティを変更する方法

JorgeeFG

Reactでは、状態に格納されているオブジェクトの内部プロパティを設定したいと思います。

次のように仮定します。

const myIndex = 0;
const [myobject, setmyobject] = useState({ 
  a: {
    b: [ 
      {c: 1}, 
      {c: 2} 
    ] 
  }
})

配列のc最初のオブジェクトの3に置き換え、myobjectを変更したいと思いますb

だから私はこれをしたい:

setmyobject({...myobject, a.b[myIndex].c: 3});

しかし: or , expected、最初に、それは私にエラーを与えます[

これは禁止されていますか?

ここに画像の説明を入力してください

スカイラーウルフ

これがベストプラクティスになると思います:https//github.com/kolodny/immutability-helper

import update from 'immutability-helper';
const updatedMyObject = update(myObject, {
    a: {b: {[myIndex]: {c: {$set: 3}}}}
});
setmyobject(updatedMyObject);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

変数を使用してオブジェクトのネストされたプロパティにアクセスできますか?

分類Dev

JavaScriptでネストされたオブジェクト内のオブジェクトプロパティを参照する方法

分類Dev

変数プロパティ名とネストされたリストを使用してJSONをオブジェクトに逆シリアル化します

分類Dev

spocを使用したGroovyテストでネストされたリストオブジェクトのプロパティをテストする方法

分類Dev

ネストされたオブジェクトから異なる深さで見つかったすべての一致したプロパティを変更するためのより良い/より速い方法

分類Dev

Twigの属性関数を使用してネストされたオブジェクトのプロパティにアクセスする方法

分類Dev

Stateのネストされたオブジェクトのプロパティを変更するにはどうすればよいですか?

分類Dev

JavaScriptを使用して変数オブジェクトのプロパティにアクセスする

分類Dev

オブジェクトの2つのリストを比較して、特定のプロパティで新規、変更、更新されたものを探します

分類Dev

rxjsの別のオブジェクト内で参照されているオブジェクトのプロパティ変更をサブスクライブする方法

分類Dev

Spread演算子を使用してオブジェクトのネストされたプロパティを変更するにはどうすればよいですか?

分類Dev

LINQを使用してリスト内のオブジェクトのプロパティを変更する

分類Dev

ネストされたプロパティを1レベルまで持ち上げて、JavaScriptオブジェクトを変換します

分類Dev

スライダーを使用して、スポナーオブジェクト内のスポーンされたオブジェクトからプロパティを変更する方法

分類Dev

JavaScriptで変数をオブジェクトのプロパティと同じように参照として設定する方法はありますか?

分類Dev

JavaScriptオブジェクトの内部[[Class]]プロパティを変更する方法はありますか?

分類Dev

Angular 7 [無効]ネストされたオブジェクトのプロパティ値が変更されたときに変更を検出しない

分類Dev

JavaScript-オブジェクトを反復処理し、ネストされたプロパティを変更します

分類Dev

angleJS を使用してオブジェクトのプロパティを変更する方法

分類Dev

JavaScriptを使用して関数から返されたオブジェクトのプロパティにアクセスする方法

分類Dev

深くネストされたJavascriptオブジェクトの同じ名前のプロパティの複数の値を、それらの順序に応じて変更する

分類Dev

JavaScriptはネストされたオブジェクトのプロパティを名前で削除します

分類Dev

jqを使用してオブジェクトのプロパティを条件付きで変更する

分類Dev

文字列でネストされたjsonオブジェクトプロパティを参照する

分類Dev

プロパティ名を含む変数を使用して、JavaScriptのオブジェクトからプロパティを選択する方法

分類Dev

変数値をオブジェクトプロパティとして参照および評価する方法

分類Dev

React-小道具として渡されたオブジェクトのプロパティが変更された場合に関数を実行します

分類Dev

変数を使用してJavaScriptオブジェクトの関数プロパティにアクセスする方法

分類Dev

変数を使用してオブジェクトのArrayプロパティに動的にアクセスする

Related 関連記事

  1. 1

    変数を使用してオブジェクトのネストされたプロパティにアクセスできますか?

  2. 2

    JavaScriptでネストされたオブジェクト内のオブジェクトプロパティを参照する方法

  3. 3

    変数プロパティ名とネストされたリストを使用してJSONをオブジェクトに逆シリアル化します

  4. 4

    spocを使用したGroovyテストでネストされたリストオブジェクトのプロパティをテストする方法

  5. 5

    ネストされたオブジェクトから異なる深さで見つかったすべての一致したプロパティを変更するためのより良い/より速い方法

  6. 6

    Twigの属性関数を使用してネストされたオブジェクトのプロパティにアクセスする方法

  7. 7

    Stateのネストされたオブジェクトのプロパティを変更するにはどうすればよいですか?

  8. 8

    JavaScriptを使用して変数オブジェクトのプロパティにアクセスする

  9. 9

    オブジェクトの2つのリストを比較して、特定のプロパティで新規、変更、更新されたものを探します

  10. 10

    rxjsの別のオブジェクト内で参照されているオブジェクトのプロパティ変更をサブスクライブする方法

  11. 11

    Spread演算子を使用してオブジェクトのネストされたプロパティを変更するにはどうすればよいですか?

  12. 12

    LINQを使用してリスト内のオブジェクトのプロパティを変更する

  13. 13

    ネストされたプロパティを1レベルまで持ち上げて、JavaScriptオブジェクトを変換します

  14. 14

    スライダーを使用して、スポナーオブジェクト内のスポーンされたオブジェクトからプロパティを変更する方法

  15. 15

    JavaScriptで変数をオブジェクトのプロパティと同じように参照として設定する方法はありますか?

  16. 16

    JavaScriptオブジェクトの内部[[Class]]プロパティを変更する方法はありますか?

  17. 17

    Angular 7 [無効]ネストされたオブジェクトのプロパティ値が変更されたときに変更を検出しない

  18. 18

    JavaScript-オブジェクトを反復処理し、ネストされたプロパティを変更します

  19. 19

    angleJS を使用してオブジェクトのプロパティを変更する方法

  20. 20

    JavaScriptを使用して関数から返されたオブジェクトのプロパティにアクセスする方法

  21. 21

    深くネストされたJavascriptオブジェクトの同じ名前のプロパティの複数の値を、それらの順序に応じて変更する

  22. 22

    JavaScriptはネストされたオブジェクトのプロパティを名前で削除します

  23. 23

    jqを使用してオブジェクトのプロパティを条件付きで変更する

  24. 24

    文字列でネストされたjsonオブジェクトプロパティを参照する

  25. 25

    プロパティ名を含む変数を使用して、JavaScriptのオブジェクトからプロパティを選択する方法

  26. 26

    変数値をオブジェクトプロパティとして参照および評価する方法

  27. 27

    React-小道具として渡されたオブジェクトのプロパティが変更された場合に関数を実行します

  28. 28

    変数を使用してJavaScriptオブジェクトの関数プロパティにアクセスする方法

  29. 29

    変数を使用してオブジェクトのArrayプロパティに動的にアクセスする

ホットタグ

アーカイブ