質問編集履歴
1
試してみたことを追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,12 +44,35 @@
|
|
|
44
44
|
const items = [...this.props.items];
|
|
45
45
|
const item = items.find(item => item.id === id);
|
|
46
46
|
item.color = "black"
|
|
47
|
+
this.setState({
|
|
48
|
+
item
|
|
49
|
+
mainItemIndex: item.number
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
・・・
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
mainIndexをsetStateする前に変更しようと思い、下記のようにやってみたのですが
|
|
57
|
+
|
|
58
|
+
```JavaScript
|
|
59
|
+
_clickColor = id => () => {
|
|
60
|
+
const items = [...this.props.items];
|
|
61
|
+
const item = items.find(item => item.id === id);
|
|
62
|
+
const mainIndex = this.props.mainIndex
|
|
63
|
+
item.color = "black"
|
|
47
64
|
mainIndex = item.number
|
|
48
65
|
this.setState({
|
|
49
66
|
item
|
|
50
67
|
mainItemIndex
|
|
51
68
|
});
|
|
52
69
|
};
|
|
53
|
-
・・・
|
|
54
|
-
}
|
|
55
|
-
```
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
エラーが出てしまいました。
|
|
73
|
+
|
|
74
|
+
```
|
|
75
|
+
Syntax error: "mainIndex" is read-only
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
すみませんが、どなたかお知恵を拝借させていただければと思います。
|