Using event in react

Question

So what i'm trying to do is when someone clicks an option I want to send two arguments during the onChange invocation. How can I manage to send the event and a second argument? I can think of a way to solve this problem that wouldn't require me to send the second argument, but I want to know if there is anyway I can send the event and another argument.

      {this.state.watchedMovies.map((movie, index) => (
          <div className="txn-row" key={index}>
                <div className="txn-data">{movie.moviename}</div>

                <div className="txn-data">
                    <select className="scorebar" onChange={() => this.changescore(event, movie)}>
                    <option>{movie.score > 10 ? <span>Rate</span> : movie.score}</option>
                    {this.state.grades.map((grade, index) =>(
                        <option value={grade} key={index}>{grade}</option>
                    ))}
                    </select>
                </div>

          </div>
      ))}

You have to write onChange={(event) => this.changescore(event, movie)} if you want to pass the event and the movie object to your onChange handler. — Tholle
– Tholle, Commented Aug 8, 2018 at 23:53

Tholle · Accepted Answer · 2018-08-08 23:57:07Z

2

The function given to onChange will be invoked with the event as first argument, so you need to pass that along to your changescore method.

<select
  className="scorebar"
  onChange={(event) => this.changescore(event, movie)}
>

answered Aug 8, 2018 at 23:57

Tholle

113k22 gold badges209 silver badges198 bronze badges

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

Collectives™ on Stack Overflow

Using event in 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