テーブルからボタンに直接アクセスする方法

Question

現在、rc-tableで作成されたテーブルを設計しています。私はボタンをレンダリングするアクションの最後の行をeditとdeleteとしました。 Sassで編集したいのですが、できませんでした

編集ボタンと削除ボタンのクラスは、背景色が異なるため指定しました。

クラスに直接アクセスすることはできますか？または私が知らない別の方法があります。あなたのコード内でこのような何か

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元素Tクラスを追加して、あなたのCSS/SASSでこれらのスタイルを上書きすることができます例えば

Answer 1

。この

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

予告のような

aでclassName属性。