Javascript 固定数据表:在固定数据表(Facebook数据表)的cellRenderer中触发事件时出错
我在react应用程序中使用固定数据表。我对固定数据表这个概念不太熟悉。在cellRenderer中调用函数会引发事件。在这种情况下,我通过onClick事件触发函数,但我得到一个错误未捕获类型错误:r.openDeletePopUp不是函数请帮助我解决此问题。 这是我的密码,请看一下Javascript 固定数据表:在固定数据表(Facebook数据表)的cellRenderer中触发事件时出错,javascript,reactjs,fixed-data-table,Javascript,Reactjs,Fixed Data Table,我在react应用程序中使用固定数据表。我对固定数据表这个概念不太熟悉。在cellRenderer中调用函数会引发事件。在这种情况下,我通过onClick事件触发函数,但我得到一个错误未捕获类型错误:r.openDeletePopUp不是函数请帮助我解决此问题。 这是我的密码,请看一下 import React from 'react'; import ReactDOM from 'react-dom'; import {Table, Column, Cell} from 'fixed-data
import React from 'react';
import ReactDOM from 'react-dom';
import {Table, Column, Cell} from 'fixed-data-table';
import 'fixed-data-table/dist/fixed-data-table.css';
ButtonDelete(cellData, cellDataKey, rowData, rowIndex){
var _id=(JSON.stringify(rowData._id)).replace(/\"/g, "");
var isDelete=(JSON.stringify(rowData.isDelete)).replace(/\"/g, "");
return(
<span className="btn btn-primary btnDel" type="button" style={{marginLeft: 10}} onClick={() => this.openDeletePopUp(_id, isDelete)}>
<span style={{fontFamily: 'verdana',fontSize: 12}} >DELETE</span>
</span>
)
}
openDeletePopUp(_id,value){
$('#OpenDeleteComment').modal('show');
}
<Table
rowHeight={75}
headerHeight={50}
rowGetter={(rowIndex) => {
return this.state.categories[rowIndex]
}}
rowsCount={this.state.categories.length}
width={1500}
height={500}
{...this.props}>
<Column
label="Icon"
cellRenderer= {this.Images}
fixed={true}
width={75}
/>
<Column
label={this.state.type+"name"}
cellRenderer= {this.name}
fixed={true}
width={500}
/>
<Column
label="Created"
cellRenderer= {this.created}
fixed={true}
width={130}
/>
<Column
cellRenderer= {this.ButtonEdit}
fixed={true}
width={130}
/>
<Column
cellRenderer= {this.ButtonDelete}
fixed={true}
width={130}
/>
</Table>
从“React”导入React;
从“react dom”导入react dom;
从“固定数据表”导入{表、列、单元格};
导入“fixed data table/dist/fixed data table.css”;
按钮删除(cellData、cellDataKey、rowData、rowIndex){
var\u id=(JSON.stringify(rowData.u id)).replace(/\“/g”“”);
var isDelete=(JSON.stringify(rowData.isDelete)).replace(/\“/g”“”);
返回(
this.openDeletePopUp(_id,isDelete)}>
删除
)
}
openDeletePopUp(_id,value){
$('opendeletecoment').modal('show');
}
{
返回此.state.categories[rowIndex]
}}
rowsCount={this.state.categories.length}
宽度={1500}
高度={500}
{…this.props}>
提前谢谢