如何从特定单元格获取数据

Question

我正在尝试使用 Firebase 和 React-Table 创建管理员页面。我的主要问题是我需要能够从某个单元格中提取数据，然后在函数中调用它。

例如：在第一行，您有用户的信息（姓名 - 电子邮件）。

在该行的最后一个单元格中，您有一个显示删除用户的按钮。

我需要能够从该行的第二个单元格中提取电子邮件，并在函数调用中使用它来删除用户。不知道如何获取数据。

这是 table 呈现的。想要的信息位于名为电子邮件的第二列中。

                    ? <LoadingScreen/>
                    : <ReactTable
                        data={this.state.data
                        ? this.state.data
                        : []}
                        columns={keys.map(string => {
                        return ({Header: string, accessor: string})

                    }).concat([{
                        Header: "Actions",
                        accessor: null,
                        Cell: row => (
                            <div>

                                <Button type='primary' onClick={this.showModal}> Change Password </Button>
                                <Modal
                                    title="Change Password"
                                     visible={this.state.visible}
                                     onOk={this.handleOk}
                                     onCancel={this.handleCancel}
                                     mask= {false}
                                 >
                                <PasswordChangeForm/>
                                </Modal>
                                <Button type='danger' onClick={this.showDeleteConfirm}> Delete User </Button>
                            </div>
                        )
                        }])}
                        defaultPageSize={10}
                        className="-striped -highlight"/>
}  ```

Answer 1

可以从getTrProps获取行信息属性。

 <ReactTable
   getTrProps={(state, rowInfo, column, instance) => ({
              onClick: e => console.log(rowInfo.original)
              })}
 />

在上面的代码中，当单击一行时，它会记录该特定行的详细信息。可以过滤出自己需要的信息，在里面调用外部函数。

如何从特定单元格获取数据

How to obtain data from a particular cell

firebase

react-table