反应数据表中的按钮 onClick 事件不起作用

Question

我编写了一个渲染函数，并在数据表的每一行中提供了用于编辑和删除的按钮。 onclick 事件正在使用 react redux 操作方法。但是当我单击编辑/删除按钮时，我得到 'Cannot read property'props' of undefined' 错误

import { DataTable } from 'react-data-components';
    <DataTable
      keys="title"
       columns={[
       { title: 'Report Name', prop: 'title'},
       { title: 'Author', prop: 'username'},
       { title: 'date Created', prop: 'datecreated'},
       { title: 'Date Modified', prop: 'datelastmodified'},
       {title:'Actions', render:function(val, row) {
          return React.createElement( "div", null,
           React.createElement( "button", {className:"btn", onClick:(e)=>this.props.EditReport(row.reportid)}, 'Edit'),
           React.createElement( "button", {className:"btn", onClick:(e)=>this.props.DeleteReport(row.reportid)}, 'Delete')
       )
     }
     }
  ]}
  initialData={this.props.savedReportList.data}
  initialPageLength={5}
 />

const mapDispatchToProps = (dispatch) => {
  return {
      EditReport: (reportID) => dispatch(EditReport(reportID)),
      DeleteReport: (reportID) => dispatch(DeleteReport(reportID))
  }
}

Answer 1

发生这种情况是因为您使用了超出范围的this。你想达到什么目的？我们可以从那里拿走它。