У вас есть идентификатор нажатой кнопки в React, но затем вы хотите использовать этот идентификатор в if

У меня есть кнопки «Далее» и «Назад» под списком в моей веб-части на основе spfx. У меня также есть еще один список под ним с еще двумя кнопками «Далее» и «Назад».

Я хочу различать два набора кнопок и использовать две функции, которые я уже использую:

private _listANext(e) {

    let currentPage = this.state.ListAPage; 
    let highestPageNo = this.state.ListAPages;

    currentPage = Math.min(highestPageNo,currentPage + 1 );
    this.setState({
      ListAPage: currentPage,

    });
    console.log(e.target.id);
  }

  private _listAPrev(e) {
    let currentPage = this.state.ListAPage; 
    currentPage = currentPage <= 1 ? 1 : currentPage - 1;
    this.setState({
      ListAPage: currentPage,
    });
    console.log(e.target.id);
  }

и кнопки в рендере:

<DefaultButton
         id="aprev"
         text="Prev"
         onClick={(e) => this._listAPrev(e)}
         />
       <span> {' '}</span>
<DefaultButton
         id="anext"
         text="Next"
         onClick={(e) => this._listANext(e)}
         />

Две функции дают мне идентификатор кнопок, но если бы я использовал идентификатор в if, оставался бы идентификатор таким же в разных браузерах? Я думаю, что есть лучший способ делать то, что я пытаюсь сделать!