Question

负责从Griddle v0.7升级到Griddle v1.1。但是我无法让他们继续工作。

import React, { Component } from 'react';
import Griddle from 'griddle-react';

export default class Table extends Component {
  render() {
    const data = [...something];

    return <Griddle
      data={data} 
      onRowClick={() => console.log("row clicked")} /> 
  }
}

如果我查看github或其他示例中的问题，这应该可以正常工作。

Answer 1

没有onRowClick作为v1（从v1.3.1起仍然没有）。如果要添加操作，则需要构建自定义行组件或单元格。

Answer 2

Griddle v1解决这个问题的方法是定义RowEnhancer以提供onClick，例如this example：

  <Griddle
    components={{
      RowEnhancer: OriginalComponent =>
        props => (
          <OriginalComponent
            {...props}
            onClick={() => console.log(`Click Row ${props.griddleKey}`)}
            />
        ),
    }}
    ...
    />

Griddle v1 onRowClick没有开火

2 个答案: