如何在TD上更改TR样式单击React Table

时间:2017-04-22 04:21:29

标签: javascript reactjs

我正在使用React表,并希望在单击一列上更改Tr样式。

我无法找到任何文档或示例来完成这个简单的任务。

  header: 'Name',
  columns: [{
    render: (rowInfo, column) => {
            const onClicked = () => {
                console.log('How i can change Tr style here');
            };
            return (
                <span onClick= {onClicked} className='number'>close</span>
            )
        }
  }

参考代码笔链接 http://codepen.io/parmodkrarora/pen/wdWoBd/?editors=0010

1 个答案:

答案 0 :(得分:2)

我将所有数据置于状态,并在点击时更改状态并选择了标志。在单击处理程序子组件中更改状态后自动刷新。谢谢Spencer BIgum