回答編集履歴
3
テキスト修正
answer
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
こんにちは
|
|
2
|
-
修正案の一例を回答します。（画像はdummyimageを使用しています。）
|
|
3
2
|
|
|
3
|
+
最小限の修正で済ませるとすれば、select の changeリスナーとして与えている関数を以下のように修正すればよいかと思います。
|
|
4
|
+
|
|
5
|
+
```diff
|
|
6
|
+
- onChange={() => props.imgChange(this.value)}
|
|
7
|
+
+ onChange={evt => props.imgChange(+evt.target.value)}
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
### 補足
|
|
11
|
+
|
|
12
|
+
参考までに、ご質問に挙げられているコードを諸点でリファクタリングした一例も挙げておきます。（画像はdummyimageを使用しています。）
|
|
13
|
+
|
|
4
14
|
```jsx
|
|
5
15
|
const members = [
|
|
6
16
|
{ name: "たけし", pct: "https://dummyimage.com/100x100/1e00ff/fff.png&text=img0" },
|
|
@@ -49,14 +59,4 @@
|
|
|
49
59
|
document.getElementById('root')
|
|
50
60
|
);
|
|
51
61
|
```
|
|
52
|
-
- **動作確認用サンプル：** [https://codepen.io/jun68ykt/pen/WNrKagJ](https://codepen.io/jun68ykt/pen/WNrKagJ?editors=0010)
|
|
62
|
+
- **動作確認用サンプル：** [https://codepen.io/jun68ykt/pen/WNrKagJ](https://codepen.io/jun68ykt/pen/WNrKagJ?editors=0010)
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
### 補足
|
|
56
|
-
|
|
57
|
-
上記のコードは諸点でリファクタリングしていますが、ご質問に挙げられているコードに最小限の修正で済ませるならば、select の changeリスナーとして与えている関数を、以下のように修正すればよいかと思います。
|
|
58
|
-
|
|
59
|
-
```diff
|
|
60
|
-
- onChange={() => props.imgChange(this.value)}
|
|
61
|
-
+ onChange={evt => props.imgChange(+evt.target.value)}
|
|
62
|
-
```
|
2
テキスト修正
answer
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
### 補足
|
|
56
56
|
|
|
57
|
-
ご質問に挙げられているコードに最小限の修正
|
|
57
|
+
上記のコードは諸点でリファクタリングしていますが、ご質問に挙げられているコードに最小限の修正で済ませるならば、select の changeリスナーとして与えている関数を、以下のように修正すればよいかと思います。
|
|
58
58
|
|
|
59
59
|
```diff
|
|
60
60
|
- onChange={() => props.imgChange(this.value)}
|
1
テキスト修正
answer
CHANGED
|
@@ -49,4 +49,14 @@
|
|
|
49
49
|
document.getElementById('root')
|
|
50
50
|
);
|
|
51
51
|
```
|
|
52
|
-
- **動作確認用サンプル：** [https://codepen.io/jun68ykt/pen/WNrKagJ](https://codepen.io/jun68ykt/pen/WNrKagJ?editors=0010)
|
|
52
|
+
- **動作確認用サンプル：** [https://codepen.io/jun68ykt/pen/WNrKagJ](https://codepen.io/jun68ykt/pen/WNrKagJ?editors=0010)
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
### 補足
|
|
56
|
+
|
|
57
|
+
ご質問に挙げられているコードに最小限の修正をするならば、select の changeリスナーとして与えている関数を以下のようにすればよいかと思います。
|
|
58
|
+
|
|
59
|
+
```diff
|
|
60
|
+
- onChange={() => props.imgChange(this.value)}
|
|
61
|
+
+ onChange={evt => props.imgChange(+evt.target.value)}
|
|
62
|
+
```
|