Javascript 如何在反应表中更改TD点击上的TR样式

我正在使用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>
            )
        }
  }

标题：“Name”，
栏目：[{
渲染：（行信息，列）=>{
const onClicked=（）=>{
log（“我如何在这里更改Tr样式”）；
};
返回(
关闭
)
}
}

请参阅代码笔链接

---

我将所有数据置于状态，并在选中标志的情况下更改单击状态。更改单击处理程序子组件的状态后，会自动刷新。感谢Spencer BIgum

我将所有数据置于状态，并在选中标志的情况下更改单击状态。更改单击处理程序子组件的状态后，会自动刷新。Thanks Spencer BIgum

该组件需要有“状态”。在这种状态下，您需要一个名为TOGGLE:false的道具。然后单击-告诉TOGGLE=！TOGGLE，然后用新值设置state。这将告诉TOGGLE始终切换其当前值。然后在HTML元素上设置className，使其具有一个if语句，以切换css类：close，然后您可以设置其样式css类。在coulmn render回调中，我可以访问rowInfo对象，但我更改rowInfo对象时，TRComponent没有重新渲染。查看更新的哦，我明白了-好吧-您需要做的是在列组件上仍然有一个切换，但它需要将道具传递给子TR组件，以便它知道列单击n-以及何时刷新。当您使用函数setState时，react将刷新。感谢您的建议，它可以工作。该组件需要有“状态”。在这种状态下，您需要一个名为TOGGLE:false的道具。然后单击-告诉TOGGLE=！TOGGLE，然后用新值设置state。这将告诉TOGGLE始终切换其当前值。然后在HTML元素上设置className，使其具有一个if语句，以切换css类：close，然后您可以设置其样式css类。在coulmn render回调中，我可以访问rowInfo对象，但我更改rowInfo对象时，TRComponent没有重新渲染。查看更新的哦，我明白了-好吧-您需要做的是在列组件上仍然有一个切换，但它需要将道具传递给子TR组件，以便它知道列单击n-以及何时刷新。当您使用函数setState时，react将刷新。感谢您的建议，它可以正常工作。