小编Pra*_*tia的帖子

onClick 事件 - 更改反应表中单行的数据

我的反应表中有一个列使用变量(命名项)来显示其数据。如下代码所示:

{
  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)

我在这里面临的问题是,我只想更新用户单击的特定行的值,但是现在所有行都在更新。

请在这里帮助我并让我知道如何解决这个问题。

javascript reactjs react-table

5
推荐指数
1
解决办法
4550
查看次数

标签 统计

javascript ×1

react-table ×1

reactjs ×1