Reactjs 从功能组件传递AgGrid上下文

Reactjs 从功能组件传递AgGrid上下文,reactjs,typescript,redux,ag-grid,Reactjs,Typescript,Redux,Ag Grid,我有一个使用AgGrid显示表的组件,显示的数据来自Redux选择器 我想在表中呈现一个有按钮的单元格,该按钮将根据行数据执行操作 我遇到的主要问题是,当我将回调函数传递给单元渲染器中的按钮时,在父组件中调用行数据时,行数据不会被填充。我认为我需要将适当的上下文传递给单元渲染器,以便当它从父组件调用函数时,所有数据都存在。但是,如果这是错误的,请纠正我。然而,我不知道如何正确地传递上下文,因为所有这些都是从功能组件发生的 例如: 单击“设置行数据”按钮,将显示行中的按钮。单击按钮将打印出行数据

我有一个使用AgGrid显示表的组件,显示的数据来自Redux选择器

我想在表中呈现一个有按钮的单元格,该按钮将根据行数据执行操作

我遇到的主要问题是,当我将回调函数传递给单元渲染器中的按钮时,在父组件中调用行数据时,行数据不会被填充。我认为我需要将适当的上下文传递给单元渲染器,以便当它从父组件调用函数时,所有数据都存在。但是,如果这是错误的,请纠正我。然而,我不知道如何正确地传递上下文,因为所有这些都是从功能组件发生的

例如:

单击“设置行数据”按钮,将显示行中的按钮。单击按钮将打印出行数据,该行数据将为空


我需要一种能够从单元格渲染器访问行数据的方法。

脏解决方案

将此设置为单元格渲染参数时,尝试将其绑定到onExecute:

CellRenderParams:{onExecute:onExecute.bind(this)}


您需要访问当前单元格渲染正在渲染的所有行的数据,还是仅访问单行的数据?如果您只需要当前行的数据,AgGrid在props中已经有了它,您可以在单元格渲染器组件中的
this.props.data
中访问它。

不幸的是,
绑定
解决方案无法工作,因为它来自功能组件内部,还有一个错误,说是全局的
这个
()=>{}
这些组件中被捕获,但是我只需要一行,所以我可以从道具中使用它。是的,因此我将它标记为“脏解决方案”。但它在你发布的沙箱中工作。