Data from mapped object onClick - React

Question

can you help me how can I get genre.id when user clicks on Button onClick function ? Thank you

...
  return (
    <div className="App">
      <Header />
      <div className="App-wrapp">
        <div className="filter">
          {osa &&
            osa.map((genre) => (
              <Button key={genre.id} {...genre} onClick={thisFunction} />
            ))}
        </div>

        <div className="movie-list">
          {movies.length > 0 &&
            movies.map((movie) => <Movie key={movie.id} {...movie} />)}

          <button className="btn" onClick={showMore}>
            Load More
          </button>
        </div>
      </div>
    </div>
  );
}

export default App;

arielhad · Accepted Answer · 2021-06-02 20:36:18Z

1

<Button key={genre.id} {...genre} onClick={() => thisFunction(genre.id)} />

answered Jun 2, 2021 at 20:36

arielhad

2,2011 gold badge18 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Data from mapped object onClick - React

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