Как получить обработанный идентификатор для глобального использования в качестве переменной для отправки запроса API в React?

Question

Как получить обработанное <li> имя класса item.imdbID или ключ item.imdbID для использования в другом запросе API? Для корректного поиска API требуется идентификатор, но у меня возникают проблемы при извлечении этой информации для глобального использования в моем методе onClick seasonsList(). Я чрезвычайно новичок в React и все еще пытаюсь обернуть голову вокруг логики c!

Это код моего метода рендеринга в React:

 render() { 
        if (this.state.screenType === 'init'){
            return (
                <div>
                  <input type="text" onChange={this.textInput}></input>
                  <button onClick={this.search}>search</button>
                  <div className="results">
                    {this.state.loading ? (
                      <div>search for a series</div>
                    ) : (
                      <div>
                        results:
                        <ul>
                            {seriesArrayTitles.map(item=> (
                                <li key={item.imdbID} className={item.imdbID} onClick={this.seasonsList}>{item.Title}</li> )
                            )}
                        </ul>
                      </div>
                    )}
                  </div>
                </div>
              );
        }   

Answer 1

Это очень просто сделать. Вы можете просто указать это значение в качестве аргумента функции this.seasonsList.

seasonsList = (id) => {
    // doing something with the id
}

render() {
    if (this.state.screenType === 'init') {
        return (
            <div>
                <input type="text" onChange={this.textInput}></input>
                <button onClick={this.search}>search</button>
                <div className="results">
                    {this.state.loading ? (
                        <div>search for a series</div>
                    ) : (
                        <div>
                            results:
                            <ul>
                                {seriesArrayTitles.map((item) => (
                                    <li
                                        key={item.imdbID}
                                        className={item.imdbID}
                                        onClick={() => this.seasonsList(item.imdbID)}
                                    >
                                        {item.Title}
                                    </li>
                                ))}
                            </ul>
                        </div>
                    )}
                </div>
            </div>
        );
    }
}