我的反应表中有一个列使用变量(命名项)来显示其数据。如下代码所示:
{
Header: this.generateHeaderCell(this.props.headers[3]),
accessor: 'last_updated_status',
Cell: (props: any) => <DateSinceFormat date={props.value} item={item}/>,
maxWidth: 85,
filterable: false
}
Run Code Online (Sandbox Code Playgroud)
因此,当变量item的值为1 时,它会显示一些数据,而当它更改时,它会显示其他数据。
我正在使用 onClick 事件来更改item的值。
onRowClick = (state, rowInfo, column, instance) => {
return {
onClick: e => {
if(item === '2') {
item = '1';
} else {
item = '2';
}
instance.forceUpdate();
}
};
}
Run Code Online (Sandbox Code Playgroud)
我在这里面临的问题是,我只想更新用户单击的特定行的值,但是现在所有行都在更新。
请在这里帮助我并让我知道如何解决这个问题。