いくつかの行プロパティを参照する反応テーブルカスタムセルコンポーネント

Question

テーブルによる並べ替えを実装する必要があるため、反応テーブルのReactTableコンポーネントを使用して反応テーブルコンポーネントを書き換えます。

テーブルセルの1つにリンクが含まれ、さらに1つの行プロパティにアクセスする必要があります。これまでのところ、リンク列のコードは次のようになります。

{ 
    Header: "Name", 
    accessor: "name", 
    Cell: cellInfo => (
     <Link className="scenarioDetailLink" 
       to={cellInfo.row.linkDestination} 
       id={cellInfo.row.linkName}>{cellInfo.row.name}</Link> 
    ) 
}, 

それは、このような要素になり：

生成されたアンカー要素のidとのhrefプロパティが欠落しています。私は間違って何をしています。

Answer 1

私は、cellInfo.rowではなくcellInfo.originalを使用する必要があることが判明しました。 Cellレンダラを提供するときは、すべての行データを取得するために（特にそのデータを列として表示しない場合は）cellInfo.originalを使用する必要があります。 rowには、表に表示されているもののみがあります。