ReactJS: get button 'value' on click

Question

I'm creating buttons using map to loop over an array. Each button is an item in the array. I'm also using React.createElement to create each button.

['NICK', 'NKJR', 'NKTNS'].map(function (brand) {
  return React.createElement('button', {
    onClick: (e) => { console.log(e.target) }
  }, brand)
})

..however, for the onClick listener, how do I pass in the 'value' for each button?

For example, I'm trying to get the console.log to log 'NICK', 'NKJR' or 'NKTNS' depending on which button is clicked. Right now when I click a button it just logs <button>NICK</button> for example (I want 'NICK')

brand is already in scope of your click handler definition so why not just directly use it? Otherwise, you could use e.target.textContent or e.target.value though YMMV on that last one if you don't also directly assign value: brand — Phil
– Phil, Commented Aug 26, 2021 at 0:29

Lamy · Accepted Answer · 2021-08-26 00:35:33Z

1

I believe you should have access to the brand value by doing this:

onClick: () => {console.log(brand)}}

Since the value of brand is accessing within the .map() you are doing

answered Aug 26, 2021 at 0:35

Lamy

813 bronze badges

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

Collectives™ on Stack Overflow

ReactJS: get button 'value' on click

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