回答編集履歴
1
テキスト修正
answer
CHANGED
|
@@ -34,4 +34,18 @@
|
|
|
34
34
|
- 動作確認用 CodePen: [https://codepen.io/jun68ykt/pen/KKKORjY](https://codepen.io/jun68ykt/pen/KKKORjY?editors=0011)
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
参考になれば幸いです。
|
|
37
|
+
参考になれば幸いです。
|
|
38
|
+
|
|
39
|
+
### 補足
|
|
40
|
+
|
|
41
|
+
[filter](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) を使うと、 removeTodos は、以下のように書けます。
|
|
42
|
+
|
|
43
|
+
```javascript
|
|
44
|
+
const removeTodos = (todo) => {
|
|
45
|
+
setTodos(todos.filter(e => e !== todo));
|
|
46
|
+
};
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
上記の場合、引数の `todo` に一致するものが `todos` に複数あった場合、それらの全てが除外された配列で、`todos`を更新します。
|
|
50
|
+
|
|
51
|
+
- 動作確認用 CodePen: [https://codepen.io/jun68ykt/pen/bGGXKKP](https://codepen.io/jun68ykt/pen/bGGXKKP?editors=0011)
|