reactjs - Reactjs 切换 tr

嗨,我在 React.js 中使用引导程序 table。当我单击特定行时,我想为每一行显示或切换子行(一个简单的行)。简而言之,我需要显示我单击的行的子行。目前我正在使用此代码。我怎么解决这个问题。请帮我解决这个问题。

<BootstrapTable
  search
  striped
  condensed
  hover
  options={options}
  pagination={paginationFactory()}
  cellEdit={cellEditFactory({
    mode: 'dbclick',
    blurToSave: true,
    nonEditableRows: () => [1, 2, 3],
  })}
  data={userList}
  filter={filterFactory()}
  bootstrap4
>
  <TableHeaderColumn dataField="Project_Name" dataSort dataFormat={Image_Formatter} isKey>
    Project Name
  </TableHeaderColumn>
  <TableHeaderColumn dataField="Last_Update" dataSort dataFormat={Icon_Formatter}>
    {' '}
    Update
  </TableHeaderColumn>
  <TableHeaderColumn dataField="Automation_Report" dataSort dataFormat={Progressbar_Formatter}>
    {' '}
    Report
  </TableHeaderColumn>
</BootstrapTable>;

回答1

似乎您需要创建一个自定义 table 行组件,然后根据 onClick 为其添加状态。

相似文章