Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onClick事件-更改react表中单行的数据_Javascript_Reactjs_React Table - Fatal编程技术网

Javascript onClick事件-更改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

我的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
}
我面临的问题是,我只想更新用户单击的特定行的值,但是,现在所有行都在更新。


请在此帮助我,并让我知道如何解决此问题。

看起来所有行之间都共享了
项的值。您可以尝试将
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();
}