teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

9

修正

2019/10/03 09:10

投稿

退会済みユーザー
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

誤字

2019/10/03 09:10

投稿

退会済みユーザー
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

誤字

2019/05/15 13:44

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- React-Redux onClickでクリックした要素の渡し方について
1
+ javascript 要素の渡し方
body CHANGED
File without changes

6

修正

2019/05/14 02:15

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- React-Redux onClickで要素の渡し方
1
+ React-Redux onClickでクリックした要素の渡し方について
body CHANGED
File without changes

5

書式改善

2019/05/13 07:03

投稿

退会済みユーザー
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)=>props.likeFluits(props.item)}>
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

誤字

2019/05/13 07:02

投稿

退会済みユーザー
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

誤字

2019/05/13 06:42

投稿

退会済みユーザー
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
- props.likeFluits('peach')としたいです。
6
+ likeFluitsをLIKE_FLUITSアクションにdispatchさせ、payloadを'peach'としたいです。
7
- likeFluits関数
8
7
 
9
- reduxとの通信部分でlikeFluuits関数を取得するところまでは正常に処理できています。
8
+ reduxとの通信部分でlikeFluitsのリスト取得までは正常に動作しています。
10
9
  親要素から子要素へのpropsをリスト単位で渡し方が悪いのでしょうか。
11
10
  e.target等を試しましたが変化なしでした。
12
11
  どなたかご教示ください。

2

誤字

2019/05/13 06:42

投稿

退会済みユーザー
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

誤字修正

2019/05/13 06:37

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,11 @@
1
1
  React初心者です。
2
2
  react,redux-sagaを使用しています。
3
- onClick した際にクリックしたitemを引数に関数lifeFluitsを発行したいのですが、fluitsListの中の値全てが引数となってしまいます。
3
+ onClick した際にクリックしたitemを引数に関数likeFluitsを発行したいのですが、fluitsListの中の値全てが引数となってしまいます。
4
4
 
5
5
  例えばfluitsList = ['peach', 'apple']として、'peach'をクリックした場合
6
- props.likeluits('peach')としたいです。
6
+ props.likeFluits('peach')としたいです。
7
7
 
8
+ reduxとの通信部分でlikeFluuits関数を取得するところまでは正常に処理できています。
8
9
  親要素から子要素へのpropsをリスト単位で渡し方が悪いのでしょうか。
9
10
  e.target等を試しましたが変化なしでした。
10
11
  どなたかご教示ください。