如何从特定单元格获取数据
How to obtain data from a particular cell
我正在尝试使用 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"/>
} ```
可以从getTrProps获取行信息属性。
<ReactTable
getTrProps={(state, rowInfo, column, instance) => ({
onClick: e => console.log(rowInfo.original)
})}
/>
在上面的代码中,当单击一行时,它会记录该特定行的详细信息。可以过滤出自己需要的信息,在里面调用外部函数。
我正在尝试使用 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"/>
} ```
可以从getTrProps获取行信息属性。
<ReactTable
getTrProps={(state, rowInfo, column, instance) => ({
onClick: e => console.log(rowInfo.original)
})}
/>
在上面的代码中,当单击一行时,它会记录该特定行的详细信息。可以过滤出自己需要的信息,在里面调用外部函数。