質問編集履歴
1
コードの編集、追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,8 +8,6 @@
|
|
|
8
8
|
|
|
9
9
|
と出てしまい```this.props.deleteItem.bind(this, item.id)```の```item.id```がいけないらしいのですがどのように改善すると正常に動くのでしょうか
|
|
10
10
|
|
|
11
|
-
詳しい方教えていただけると幸いです。
|
|
12
|
-
|
|
13
11
|
|
|
14
12
|
|
|
15
13
|
App.js
|
|
@@ -18,9 +16,9 @@
|
|
|
18
16
|
|
|
19
17
|
```React
|
|
20
18
|
|
|
21
|
-
deleteItem
|
|
19
|
+
deleteItem(item) {
|
|
22
20
|
|
|
23
|
-
this.props.delete
|
|
21
|
+
this.props.deleteCategory.bind(this, item.id)
|
|
24
22
|
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -34,13 +32,13 @@
|
|
|
34
32
|
|
|
35
33
|
<p>ItemList</p>
|
|
36
34
|
|
|
37
|
-
{ this.props.
|
|
35
|
+
{ this.props.items.map(item=> (
|
|
38
36
|
|
|
39
|
-
<div key={
|
|
37
|
+
<div key={item.id}>
|
|
40
38
|
|
|
41
|
-
<p>{
|
|
39
|
+
<p>{item.name}</p>
|
|
42
40
|
|
|
43
|
-
<Dropdown name="削除" id={item.id}
|
|
41
|
+
<Dropdown name="削除" id={item.id} click={() => this.deleteItem(item)} />
|
|
44
42
|
|
|
45
43
|
</div>
|
|
46
44
|
|
|
@@ -70,7 +68,7 @@
|
|
|
70
68
|
|
|
71
69
|
<div hidden={!isOpen}>
|
|
72
70
|
|
|
73
|
-
<button onClick={props.
|
|
71
|
+
<button onClick={props.click}>{props.name}</button>
|
|
74
72
|
|
|
75
73
|
</div>
|
|
76
74
|
|
|
@@ -81,3 +79,15 @@
|
|
|
81
79
|
)
|
|
82
80
|
|
|
83
81
|
```
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
また、app.jsに直接
|
|
86
|
+
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
<button onClick={this.props.deleteItem.bind(this, item.id)}>delete</button>
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
と記述し、ボタンを押すと正常に削除されます。
|