Javascript onClick事件-更改react表中单行的数据
我的react表中有一列使用变量(命名项)显示其数据。如下代码所示:Javascript onClick事件-更改react表中单行的数据,javascript,reactjs,react-table,Javascript,Reactjs,React Table,我的react表中有一列使用变量(命名项)显示其数据。如下代码所示: { Header: this.generateHeaderCell(this.props.headers[3]), accessor: 'last_updated_status', Cell: (props: any) => <DateSinceFormat date={props.value} item={item}/>, maxWidth: 85, filterable: false
{
Header: this.generateHeaderCell(this.props.headers[3]),
accessor: 'last_updated_status',
Cell: (props: any) => <DateSinceFormat date={props.value} item={item}/>,
maxWidth: 85,
filterable: false
}
我面临的问题是,我只想更新用户单击的特定行的值,但是,现在所有行都在更新。
请在此帮助我,并让我知道如何解决此问题。看起来所有行之间都共享了
项的值。您可以尝试将item
属性添加到rowInfo
(我假设它是一个对象),并将onClick()
函数更改为
onClick: e => {
if(rowInfo.item === '2')
{
rowInfo.item = '1';
}
else
{
rowInfo.item = '2';
}
instance.forceUpdate();
}
谢谢您的回答,但是在下面的代码中,我使用item变量的方式是=>Cell:(props:any)=>我如何在这里使用rowInfo.item?我明白了!是否有任何方法可以共享组件代码,以便我了解表元素的作用域以及调用函数的时间?
onClick: e => {
if(rowInfo.item === '2')
{
rowInfo.item = '1';
}
else
{
rowInfo.item = '2';
}
instance.forceUpdate();
}