質問編集履歴

4

タイトルの明確化

2021/07/17 00:50

投稿

ruizu
ruizu

スコア35

test CHANGED
@@ -1 +1 @@
1
- useState上のオブジェクト配列を更新する方法
1
+ 配列に対してのuseState使い方・更新
test CHANGED
File without changes

3

自身の進捗更新

2021/07/17 00:49

投稿

ruizu
ruizu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  useState上にある配列内のオブジェクトの値を更新する方法をしりたいです。
6
6
 
7
- 単純なオブジェクトのみは[こちらの記事](https://qiita.com/10mi8o/items/896df09ad89e41d48bac)をみつけましたが、これ配列になってい場合どのように更新をすればいのしょうか?
7
+ 単純なオブジェクトのみは[こちらの記事](https://qiita.com/10mi8o/items/896df09ad89e41d48bac)をみつけ、やや実装では至りましたが、別の方法ありましら知りたいです。
8
8
 
9
9
 
10
10
 
@@ -32,8 +32,18 @@
32
32
 
33
33
 
34
34
 
35
- ### 試したこと
35
+ ### 自分の解決
36
36
 
37
37
 
38
38
 
39
+ 一度該当の値を消してから再度追加する方法を思いつき、以下にて実装は出来ておりますが、`index`が変わってしまう破壊的変更であるため困っています。
40
+
41
+
42
+
43
+ ```js
44
+
39
- Qiitaの記事から思考
45
+ const name = "hoge"
46
+
47
+ setLst([...ppl.filter((p) => p.name !== name), {name:"piyo"}])
48
+
49
+ ```

2

更新

2021/07/17 00:47

投稿

ruizu
ruizu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -36,4 +36,4 @@
36
36
 
37
37
 
38
38
 
39
- Qiitaの記事を探す
39
+ Qiitaの記事から思考

1

2021/07/17 00:04

投稿

ruizu
ruizu

スコア35

test CHANGED
@@ -1 +1 @@
1
- 配列内のオブジェクトStateの更新方法
1
+ useState上のオブジェクト配列を更新する方法
test CHANGED
File without changes