类型错误：无法读取 Jquery 中未定义的属性'history' - React

Question

我一直在为我的反应项目使用 datatables.net。我在每行上创建了两个操作按钮(编辑、删除(。现在，每当此侦听器运行时，"this"都不起作用。如果我将jquery函数设置为箭头函数，那么"this.props..."有效，但数据未定义。

$('#data-table-zero').on('click', '.edit-button', function() {
const data = $('#data-table-zero').DataTable().row($(this).parents('tr')).data();
this.props.history.push({
pathname: `/add-product`,
state: {
selectedRecord: { ...data }
}
});
});

Answer 1

请阅读此内容

我希望这对你有帮助，

let that = this
$('#data-table-zero').on('click', '.edit-button', function() {
const data = $('#data-table-zero').DataTable().row($(this).parents('tr')).data();
that.props.history.push({
pathname: `/add-product`,
state: {
selectedRecord: { ...data }
}
});
});