將引用應用於單元格

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

gh，我忽略了關於onClicks和事件的一個重點。

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

完全繞過引用。