如何直接从表 td 访问按钮

【问题标题】：How to directly access a button from a table td如何直接从表 td 访问按钮
【发布时间】：2017-07-11 04:56:55
【问题描述】：

我目前正在设计一个使用 rc-table 制作的表格。我为呈现按钮edit 和delete 的操作创建了最后一行。我想用 Sass 编辑它的样式，但我无法

我还为编辑和删除按钮指定了类，因为它们会有不同的背景颜色。

是否可以通过类直接访问它？或者还有其他我不知道的方法。

【问题讨论】：

【解决方案1】：

例如，如果您的代码中有类似的内容

this.columns = [
  {
    title: 'Operations', dataIndex: '', key: 'd', render: (text, record) =>
    <a className="delete-btn" onClick={e => this.onDelete(record.key, e)} href="#">Delete</a>,
  },
];

您可以在 a 元素中添加 class t 并使用您的 CSS/SASS 覆盖这些样式。

喜欢这个

.rc-table td {
  background-color: 'red';
  // custom styles here
}

注意a 中的className 属性。

【讨论】：