javascript - 每当单击新表格行时如何打开新窗口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 组件,我该怎么做?或者有什么方法可以在每次点击新行时打开新窗口?
解决方案
推荐阅读
- c# - 基于一些静态布尔值的方法的条件执行
- r - 我需要将行索引之间的 tidyverse 数据框中的列中的值相加
- java - Jacoco 代码覆盖率:不存在的静态块仅显示 75% 的覆盖率
- reactjs - 在反应中从两个连接的 api 形成一个数组
- c - 从 CSV 文件中读取并分离字段以存储在 C 中的结构中
- c - 如何停止重复变量的值并捕获所有值?
- ruby - 在我使用零检查的地方优化打印输出。红宝石
- c++ - 如何检查里面有多少个 int 数字并将其重置为零?
- java - 如何在地图上创建线程
一直有效并从地图中删除密钥? - reactjs - 在条件下从组件中删除属性,reactjs