質問編集履歴
9
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
|
|
4
4
|
likeFluitsをLIKE_FLUITSアクションにdispatchさせ、payloadを'peach'としたいです。
|
|
5
5
|
|
|
6
|
-
reduxとの通信部分でlikeFluitsのリスト取得までは正常に動作しています。
|
|
7
|
-
親要素から子要素へのpropsをリスト単位で渡しているが原因でしょうか。
|
|
8
|
-
e.target等を試しましたが変化なしでした。
|
|
9
|
-
どなたかご教示ください。
|
|
10
6
|
```javascript
|
|
11
7
|
const ExampleFluits = (props) =>(
|
|
12
8
|
{props.fluitsList.map((item, idx)=>(
|
8
誤字
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
javascript
|
|
1
|
+
javascript で値を渡したい
|
body
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
React初心者です。
|
|
2
|
-
react,redux-sagaを使用しています。
|
|
3
1
|
onClick した際にクリックしたitemを引数に関数likeFluitsを発行したいのですが、fluitsListの中の値全てが引数となってしまいます。
|
|
4
2
|
|
|
5
3
|
例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
|
7
誤字
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
javascript 要素の渡し方
|
body
CHANGED
|
File without changes
|
6
修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
React-Redux onClickで
|
|
1
|
+
React-Redux onClickでクリックした要素の渡し方について
|
body
CHANGED
|
File without changes
|
5
書式改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
```javascript
|
|
13
13
|
const ExampleFluits = (props) =>(
|
|
14
14
|
{props.fluitsList.map((item, idx)=>(
|
|
15
|
-
<sample key={item} onClick={(e)=>
|
|
15
|
+
<sample key={item} onClick={(e)=>{{ console.log(`${e.target.innerText}was cliked`)
|
|
16
|
+
props.likeFluits(props.item)}}> ##ここでは選択したものがe.target.innerTextとして正常に出力できている
|
|
16
17
|
{itemKey}
|
|
17
18
|
</sample>
|
|
18
19
|
))}
|
4
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
likeFluitsをLIKE_FLUITSアクションにdispatchさせ、payloadを'peach'としたいです。
|
|
7
7
|
|
|
8
8
|
reduxとの通信部分でlikeFluitsのリスト取得までは正常に動作しています。
|
|
9
|
-
親要素から子要素へのpropsをリスト単位で渡し
|
|
9
|
+
親要素から子要素へのpropsをリスト単位で渡しているが原因でしょうか。
|
|
10
10
|
e.target等を試しましたが変化なしでした。
|
|
11
11
|
どなたかご教示ください。
|
|
12
12
|
```javascript
|
3
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
onClick した際にクリックしたitemを引数に関数likeFluitsを発行したいのですが、fluitsListの中の値全てが引数となってしまいます。
|
|
4
4
|
|
|
5
5
|
例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
|
|
6
|
-
|
|
6
|
+
likeFluitsをLIKE_FLUITSアクションにdispatchさせ、payloadを'peach'としたいです。
|
|
7
|
-
likeFluits関数
|
|
8
7
|
|
|
9
|
-
reduxとの通信部分で
|
|
8
|
+
reduxとの通信部分でlikeFluitsのリスト取得までは正常に動作しています。
|
|
10
9
|
親要素から子要素へのpropsをリスト単位で渡し方が悪いのでしょうか。
|
|
11
10
|
e.target等を試しましたが変化なしでした。
|
|
12
11
|
どなたかご教示ください。
|
2
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
|
|
6
6
|
props.likeFluits('peach')としたいです。
|
|
7
|
+
likeFluits関数
|
|
7
8
|
|
|
8
9
|
reduxとの通信部分でlikeFluuits関数を取得するところまでは正常に処理できています。
|
|
9
10
|
親要素から子要素へのpropsをリスト単位で渡し方が悪いのでしょうか。
|
|
@@ -22,6 +23,14 @@
|
|
|
22
23
|
render(){
|
|
23
24
|
<ExampleFluits
|
|
24
25
|
likeFluits={(e) => this.props.likeFluits(this.props.fluitsList)}
|
|
25
|
-
|
|
26
|
+
/>
|
|
26
27
|
|
|
28
|
+
const mapDispatchToProps = (dispatch) => ({
|
|
29
|
+
likeFluits: (queryStore) => dispatch(LIKE_FLUITS(queryStore)),
|
|
30
|
+
|
|
31
|
+
})
|
|
32
|
+
|
|
33
|
+
export default connect(null, mapDispatchToProps)(Fluits);
|
|
34
|
+
|
|
35
|
+
|
|
27
36
|
```
|
1
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
React初心者です。
|
|
2
2
|
react,redux-sagaを使用しています。
|
|
3
|
-
onClick した際にクリックしたitemを引数に関数
|
|
3
|
+
onClick した際にクリックしたitemを引数に関数likeFluitsを発行したいのですが、fluitsListの中の値全てが引数となってしまいます。
|
|
4
4
|
|
|
5
5
|
例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
|
|
6
|
-
props.
|
|
6
|
+
props.likeFluits('peach')としたいです。
|
|
7
7
|
|
|
8
|
+
reduxとの通信部分でlikeFluuits関数を取得するところまでは正常に処理できています。
|
|
8
9
|
親要素から子要素へのpropsをリスト単位で渡し方が悪いのでしょうか。
|
|
9
10
|
e.target等を試しましたが変化なしでした。
|
|
10
11
|
どなたかご教示ください。
|