如何访问react表列中的this.state

Question

我想在我的反应表组件中有一个切换功能

我的列设置为

const columns = [
{
Header: 'ID',
accessor : d => { return <Link to={"receipts/" + d.id}> {d.unique_id} </Link> },
},
{
Header: 'Student',
accessor: 'name'
},
{
Header: 'Paid Amount',
accessor: 'paid_amount',
},
{
id: 'is_paid',
Header: 'Paid?',
accessor: d => {
console.log(d);
return <Form.Check id={d.id} type='switch' checked={d.is_paid} onChange={this.handleToggle.bind(this)}/>
}
},
];

我的handleToggle只是简单地调用API来更新这一行

但我得到

TypeError: Cannot read property 'handleToggle' of undefined

我的专栏中似乎没有this。如何访问this？

Answer 1

看看这个例子https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/editable-data，它可以帮助您将自己的道具传递到表中，然后在单元格中使用它们。