2

我在我的反应应用程序中使用固定数据表。我是这个概念固定数据表的新手。面对在 cellRenderer 中调用函数的问题会触发一个事件。因为我正在通过 onClick 触发一个函数事件，但我收到一个错误Uncaught TypeError: r.openDeletePopUp is not a function帮我解决这个问题。这是我的代码，请看一下

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>

提前致谢

4

0 回答 0