質問編集履歴
1
試してみたことを追記しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -90,6 +90,40 @@
|
|
|
90
90
|
|
|
91
91
|
item.color = "black"
|
|
92
92
|
|
|
93
|
+
this.setState({
|
|
94
|
+
|
|
95
|
+
item
|
|
96
|
+
|
|
97
|
+
mainItemIndex: item.number
|
|
98
|
+
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
・・・
|
|
104
|
+
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
mainIndexをsetStateする前に変更しようと思い、下記のようにやってみたのですが
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
```JavaScript
|
|
116
|
+
|
|
117
|
+
_clickColor = id => () => {
|
|
118
|
+
|
|
119
|
+
const items = [...this.props.items];
|
|
120
|
+
|
|
121
|
+
const item = items.find(item => item.id === id);
|
|
122
|
+
|
|
123
|
+
const mainIndex = this.props.mainIndex
|
|
124
|
+
|
|
125
|
+
item.color = "black"
|
|
126
|
+
|
|
93
127
|
mainIndex = item.number
|
|
94
128
|
|
|
95
129
|
this.setState({
|
|
@@ -102,8 +136,20 @@
|
|
|
102
136
|
|
|
103
137
|
};
|
|
104
138
|
|
|
105
|
-
|
|
139
|
+
```
|
|
106
140
|
|
|
141
|
+
|
|
142
|
+
|
|
107
|
-
|
|
143
|
+
エラーが出てしまいました。
|
|
144
|
+
|
|
145
|
+
|
|
108
146
|
|
|
109
147
|
```
|
|
148
|
+
|
|
149
|
+
Syntax error: "mainIndex" is read-only
|
|
150
|
+
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
すみませんが、どなたかお知恵を拝借させていただければと思います。
|