Griddle v1 onRowClick 未触发
Griddle v1 onRowClick not firing
负责从 Griddle v0.7 升级到 Griddle v1.1。但我似乎无法让 onRowClick 工作。
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 上的问题或其他示例,这应该可以正常工作。
v1 中没有 onRowClick(从 v1.3.1 开始仍然 none)。
如果要添加操作,则需要构建自定义行组件或单元格。
解决此问题的 Griddle v1 方法是定义一个 RowEnhancer
以提供一个 onClick
,例如 this example:
<Griddle
components={{
RowEnhancer: OriginalComponent =>
props => (
<OriginalComponent
{...props}
onClick={() => console.log(`Click Row ${props.griddleKey}`)}
/>
),
}}
...
/>
负责从 Griddle v0.7 升级到 Griddle v1.1。但我似乎无法让 onRowClick 工作。
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 上的问题或其他示例,这应该可以正常工作。
v1 中没有 onRowClick(从 v1.3.1 开始仍然 none)。 如果要添加操作,则需要构建自定义行组件或单元格。
解决此问题的 Griddle v1 方法是定义一个 RowEnhancer
以提供一个 onClick
,例如 this example:
<Griddle
components={{
RowEnhancer: OriginalComponent =>
props => (
<OriginalComponent
{...props}
onClick={() => console.log(`Click Row ${props.griddleKey}`)}
/>
),
}}
...
/>