我一直在为我的 React 项目使用 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 }
            }
        });
    });