如何在reactjs应用程序中进行分页和排序？

我需要反应材料，这样我们就可以在 我们的reactjs应用程序。我添加了表以将数据显示为 :-

员工详细信息
身份证件
名称
地位
{tableData.map（（行，索引）=>(
{index}
{row.name}
{row.status}
))}

现在在“我想要分页”和“标题”列中 对于表，我们需要排序。那么在reactjs中，我如何添加 这两个功能

你可以用你可以用

<Table height={this.state.height}   fixedHeader={this.state.fixedHeader}   fixedFooter={this.state.fixedFooter}  selectable={this.state.selectable}   multiSelectable={this.state.multiSelectable} >
      <TableHeader  displaySelectAll={this.state.showCheckboxes} adjustForCheckbox={this.state.showCheckboxes} enableSelectAll={this.state.enableSelectAll} >
        <TableRow>
             <TableHeaderColumn colSpan="3" tooltip="Super Header" >
                <h5 className="mgn20">Employee Details</h5>
             </TableHeaderColumn>
        </TableRow>
        <TableRow>
          <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
          <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
          <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
        </TableRow>
      </TableHeader>
      <TableBody  displayRowCheckbox={this.state.showCheckboxes}   deselectOnClickaway={this.state.deselectOnClickaway}   showRowHover={this.state.showRowHover}  stripedRows={this.state.stripedRows}>
        {tableData.map( (row, index) => (
          <TableRow key={index} selected={row.selected}>
            <TableRowColumn>{index}</TableRowColumn>
            <TableRowColumn>{row.name}</TableRowColumn>
            <TableRowColumn>{row.status}</TableRowColumn>
          </TableRow>
              ))}
    </TableBody>
      <TableFooter adjustForCheckbox={this.state.showCheckboxes}>

      </TableFooter>
</Table>