应用对单元格的引用

Question

我在大多数 Angular 应用程序中使用 FixedDataTable v0.6.0。

我有以下列：

<Column
  key={colIndex}
  columnKey={countKey}
  width={columnWidths[countKey]}
  flexGrow={1}
  isResizable={true}
  allowCellsRecycing={true}
  header={<Cell className={HEADER_CELL_CLASS}>{count}</Cell>}
  cell={function(cellData) {
    var rowIndex = cellData.rowIndex;
    var row = tableRows[rowIndex];
    var col = row.columns[colIndex];
    var tag = count + "_col" + colIndex + "_row" + rowIndex;

    var interopOn = !_this.props.isDemo && !col.isTotalConversion;
    var className = row.isOverallRow ? OVERALL_CELL_CLASS : "";
    className += interopOn ? " interop-tooltip-content interop-on" : "";

    return <Cell className={className}
                 key={tag}
                 ref={tag}
                 onClick={_this._onCellClick.bind(_this, row.breakoutKey, col.step.queryStepIdx, tag)}
                 onMouseEnter={_this.props.onRowMouseEnter.bind(_this, row.breakoutKey)}
                 onMouseLeave={_this.props.onRowMouseLeave.bind(_this, row.breakoutKey)}
                 width={columnWidths[countKey]}>
                 {col.displayCount}
          </Cell>
  }}
/>

具体来说，在 Cell 标记中，我试图保留对该元素的引用，以便 _onCellClick 我可以调用 this.refs[refTag]、获取该元素并放置一个固定的该元素附近的元素（工具提示）。

我需要的是： (a) 一种让 ref 属性工作的方法（看起来它不是因为 Cell 是如何克隆的）。 (b) 获取对绑定到 onClick 事件的元素或事件的引用的方法。

Answer 1

呃，关于onClicks和事件我忽略了一个重点

我只需要将 onClick 调用更改为：onClick={function(e){_this._onInteropCellClick(row.breakoutKey, col.step.queryStepIdx, e);}}

完全绕过引用。

应用对单元格的引用

Applying reference to a Cell

reactjs

fixed-data-table