javascript - 类型错误 : Cannot read property 'history' of undefined in Jquery - React

Question

我一直在我的 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 }
            }
        });
    });

Answer 1

Please read this

希望这对你有帮助

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 }
            }
        });
    });