Как открыть новое окно при каждом нажатии новой строки таблицы React? - PullRequest
Новая
       71

Как открыть новое окно при каждом нажатии новой строки таблицы React?

0 голосов
/ 07 апреля 2020 
return (
      <>
        <div className='table-wrapper'>
          <Table
            onUserChange={this.onUserChange} columns={headerColumn} data={rows}
            rowsPerPage={50}
          />
        </div>
        {
          selectedUser && <GradeReportChart
            closeGradeReport={this.clearSelectedUser}
            selectedUser={selectedUser}
          />
        }
      </>
    )

Компонент GradeReportChart извлекает данные и отображает их в новом окне, используя библиотеку реагировать-новое-окно , которая использует API ReactDOM.createPortal. Я хочу отображать данные для каждой строки в таблице в новом окне. Но компонент GradeReportChart открывает одно окно и меняет содержимое всякий раз, когда выбирается новая строка. Я не хочу, чтобы при нажатии на каждую строку таблицы отображались данные в новом окне. Быстрое исправление может заключаться в монтировании компонента GradeReportChart при каждом щелчке строки, как я могу это сделать? Или любой способ открыть новый windows в каждом новом ряду нажмите?

...