web-dev-qa-db-ja.com

複数の行プロパティを参照する反応表カスタムセルコンポーネント

列ごとのテーブルソートを実装する必要があるため、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>
    )
},

結果は次のような要素になります。 td

生成されたアンカー要素にidおよびhrefプロパティがありません。私は何を間違えていますか。

8
softweave

CellInfo.rowではなくcellInfo.originalを使用する必要があることがわかりました。 Cellレンダラーを提供するときは、cellInfo.originalすべての行データを取得します(特に、そのデータを列として表示していない場合)。 rowには、テーブルに表示されるもののみがあります。

15
softweave