如何从表td直接访问按钮

Question

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

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

是否可以通过课程直接访问它？还是有其他方式我不知道。

Answer 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元素中添加类，并使用CSS / SASS覆盖这些样式。

像这样

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

注意className中的a属性。