0
私はデータテーブルに反応仮想化を使用していますが、この問題が発生しています。私の目標は、細胞にonClick
メソッドを添付することです。React仮想テーブルのcellRenderer onClickメソッドの問題
私は<Table>
<AutoSizer disableHeight>
{({ width }) => (
<Table
width={800}
height={600}
headerHeight={25}
rowHeight={30}
rowCount={list.length}
rowGetter={({ index }) => list[index]}
>
{this._renderColumns(list, 100)}
</Table>
)}
</AutoSizer>
そしてrenderColumns
機能で内部のrenderColumns
機能を持っているが、私は_cellRenderer
で次にthis._cellRenderer
_renderColumns(list, columnWidth) {
// create new list for display
return list && Object.keys(list[0])
? Object.keys(list[0]).map(column => (
<Column
key={column}
width={columnWidth}
label={column}
dataKey={column}
cellRenderer={this._cellRenderer}
/>
))
: <div className="loading">Loading…</div>;
}
呼んで、私はonClick
イベントに_onCellClick
を呼び出そうとしました。プロパティ「_onCellClick」未定義のエラーのを読み取ることができません:
_onCellClick() {
alert('yey');
}
_cellRenderer({
cellData,
columnData,
columnIndex,
dataKey,
isScrolling,
rowData,
rowIndex,
}) {
return (
<div>
<a onClick={this._onCellClick}>{cellData}</a>
</div>
);
}
私は、私は例外TypeErrorを得ることをやる
。したがって、this
はこのスコープでは定義されていません。私は間違って何をしていますか?
ここでサンプルを作成しました。ありがとうございました。
それでした。 「これはいつも私を巡ります。どうもありがとうございます! – Duk