0
リアクションテーブルを使用していて、1カラムクリックでTrスタイルを変更したい。TDの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
そのコンポーネントには "STATE"が必要です。そして、その状態では、あなたはTOGGLEのような名前の小道具が必要です：偽です。その後、onClick - あなたはtoggle =！toggleを呼び出して、新しい値でsetStateを呼び出します。これは、現在の値が何であれ、常に切り替えるように指示します。次にHTML要素で、classNameにif文を設定してcssクラスを切り替えます。 close 次に、あなたは必要なCSSクラスをスタイルすることができます。 –
coulmnレンダリングコールバックで、私はrowInfoオブジェクトにアクセスすることができますが、変更するrowInfoオブジェクトではTRComponentは再レンダリングされません。 – Parmod
更新されたhttp://codepen.io/parmodkrarora/pen/wdWoBd/?editors=0011を見てください – Parmod