从 jQuery 数据 table 调用反应函数

Question

我在 React 应用程序中使用 jQuery 数据 table。我想从数据 table 调用一个反应函数。在数据 table 中，我使用渲染函数创建一个带有编辑和删除按钮的自定义列。所以当我点击按钮时，我想显示一个 bootstrap 模态。下面是渲染代码

{
                    "targets": 4,
                    "data": "",
                    "render": function (data, type, row, meta) {
                        return `
                        <div><button type="" class=" mr-3"><img src="images/table-edit-icon.svg" alt=""></button></div>
                        <div><button type="" class="" onClick={e => { setDeleteShow(true); }}><img src="images/table-delete-icon.svg" alt=""></button></div>
                        `;
                    }
                }

这里setDeleteShow是react中一个显示模态的函数。它不工作。它在 UI 上显示函数名称。我该如何调用这个函数？

Answer 1

我能够使用以下代码调用反应函数。

createdCell: (td, cellData, rowData, row, col) => {
                        ReactDOM.render(
                            <div class=" d-flex">
                            <div><button type="" class=" mr-3"><img src="images/table-edit-icon.svg" alt=""/></button></div>
                        <div><button type="" class="" onClick={() => setDeleteShow(true)}><img src="images/table-delete-icon.svg" alt=""/></button></div>
                        </div>, td)
                    }

从 jQuery 数据 table 调用反应函数

Call react function from jQuery data table

javascript

jquery

datatables

reactjs