Reactjs Toggle tr

Question

嗨，我正在使用React.js中的引导表。单击特定行时，希望显示或切换每一行的子行(一个简单行)。简单地说，我需要显示我单击的行的子行。目前我正在使用这个代码。我怎样才能解决这个问题。请帮我拿这个。

<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>;

Answer 1

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