Reactjs 从功能组件传递AgGrid上下文
我有一个使用AgGrid显示表的组件,显示的数据来自Redux选择器 我想在表中呈现一个有按钮的单元格,该按钮将根据行数据执行操作 我遇到的主要问题是,当我将回调函数传递给单元渲染器中的按钮时,在父组件中调用行数据时,行数据不会被填充。我认为我需要将适当的上下文传递给单元渲染器,以便当它从父组件调用函数时,所有数据都存在。但是,如果这是错误的,请纠正我。然而,我不知道如何正确地传递上下文,因为所有这些都是从功能组件发生的 例如: 单击“设置行数据”按钮,将显示行中的按钮。单击按钮将打印出行数据,该行数据将为空Reactjs 从功能组件传递AgGrid上下文,reactjs,typescript,redux,ag-grid,Reactjs,Typescript,Redux,Ag Grid,我有一个使用AgGrid显示表的组件,显示的数据来自Redux选择器 我想在表中呈现一个有按钮的单元格,该按钮将根据行数据执行操作 我遇到的主要问题是,当我将回调函数传递给单元渲染器中的按钮时,在父组件中调用行数据时,行数据不会被填充。我认为我需要将适当的上下文传递给单元渲染器,以便当它从父组件调用函数时,所有数据都存在。但是,如果这是错误的,请纠正我。然而,我不知道如何正确地传递上下文,因为所有这些都是从功能组件发生的 例如: 单击“设置行数据”按钮,将显示行中的按钮。单击按钮将打印出行数据
我需要一种能够从单元格渲染器访问行数据的方法。脏解决方案 将此设置为单元格渲染参数时,尝试将其绑定到onExecute:
CellRenderParams:{onExecute:onExecute.bind(this)}
您需要访问当前单元格渲染正在渲染的所有行的数据,还是仅访问单行的数据?如果您只需要当前行的数据,AgGrid在props中已经有了它,您可以在单元格渲染器组件中的
this.props.data
中访问它。不幸的是,绑定
解决方案无法工作,因为它来自功能组件内部,还有一个错误,说是全局的这个
在()=>{}
这些组件中被捕获,但是我只需要一行,所以我可以从道具中使用它。是的,因此我将它标记为“脏解决方案”。但它在你发布的沙箱中工作。