Pass data-id or key to onClick function

Question

I have buttons created in a loop. Each contains a key and data-id property.
I want to onClick pass the key or data-id to the called function. I experimented a few things, but none worked. Here is the code.

buttonPress: function (path,type,period) {
    AppActions.moveToPage(path,{type:type},period);
},



<div key={$key} data-id={$key} style={{textAlign: 'center'}} onClick={() => this.buttonPress("Listing",this.props.id, this.state.filters)}>{this.state.Graph?this.state.diagnosisGraph[key]:<img src={AppApi.baseUrl + 'img/loading.gif'} />}</div>

Why not just pass $key to this.buttonPress function?

Jackyef
– Jackyef

2018-01-12 13:08:46 +00:00
Commented Jan 12, 2018 at 13:08 — Jackyef
– Jackyef, Commented Jan 12, 2018 at 13:08

Jeffin · Accepted Answer · 2018-01-12 13:09:50Z

1

you can directly pass the $key to the mouse down function

buttonPress: function (path,type,period,key) {
AppActions.moveToPage(path,{type:type},period);
},



<div key={$key} data-id={$key} onClick={() => this.buttonPress("Listing",this.props.id, this.state.filters, key)}>{this.state.Graph?this.state.diagnosisGraph[key]:<img src={AppApi.baseUrl + 'img/loading.gif'} />}</div>

answered Jan 12, 2018 at 13:09

Jeffin

1,19913 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass data-id or key to onClick function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related