Question

所以我想做的是当有人单击一个选项时，我想在onChange调用期间发送两个参数。如何管理事件和第二个参数？我可以想到一种解决此问题的方法，该方法不需要我发送第二个参数，但是我想知道是否仍然可以发送该事件和另一个参数。

      {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>
      ))}

Answer 1

赋予onChange的函数将以事件作为第一个参数来调用，因此您需要将其传递给changescore方法。

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

在事件中使用事件

1 个答案: