首页 > 解决方案 > 每当单击新表格行时如何打开新窗口React?

问题描述

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的 react-new-window库获取数据并将其显示在新窗口中。ReactDOM.createPortal我想在新窗口中显示表格中每一行的数据。但是 GradeReportChart 组件会打开一个窗口并在选择新行时更改内容。当单击以在新窗口中显示数据时,我不希望表格上的每一行。快速修复可能是在单击行时安装 GradeReportChart 组件,我该怎么做?或者有什么方法可以在每次点击新行时打开新窗口?

标签: javascriptreactjswindow.open

解决方案


推荐阅读