列ごとのテーブルソートを実装する必要があるため、react-tableのReactTableコンポーネントを使用して、reactテーブルコンポーネントを書き換えています。
テーブルセルの1つにリンクが含まれ、複数の行プロパティにアクセスする必要があります。これまでのところ、リンク列のコードは次のようになります。
{
Header: "Name",
accessor: "name",
Cell: cellInfo => (
<Link className="scenarioDetailLink"
to={cellInfo.row.linkDestination}
id={cellInfo.row.linkName}>{cellInfo.row.name}</Link>
)
},
生成されたアンカー要素にidおよびhrefプロパティがありません。私は何を間違えていますか。
CellInfo.rowではなくcellInfo.originalを使用する必要があることがわかりました。 Cell
レンダラーを提供するときは、cellInfo.original
すべての行データを取得します(特に、そのデータを列として表示していない場合)。 row
には、テーブルに表示されるもののみがあります。