我想问一个react与jquery结合使用的一个问题

#1

我使用了jquery.datatables插件来生成表格，如今需要在表格内生成按钮，一下代码

$('#tableStudent').DataTable({
            ajax: {
                url: app.serverUrl + requestUrl.GET_STUDENT_LIST,
                data: {
                    token: app.getToken()
                },
                method: "post",
                dataSrc: function (re) {
                    return re.data || [];
                }
            },
            dom: 'frtip',
            columns: [
                {data: 's_name'},
                {
                    data(row){
                        return row.s_gender === "1" ? "男" : "女";
                    }
                },
                {data: 's_school'},
                {data: 's_studentId'},
                {
                    data(row){
                        return moment(row.s_createtime).format("YYYY-MM-DD HH:mm")
                    }
                },
                {
                    data(row){
                        return `<div class="tpl-table-black-operation">
                                    <Link href="/studentDetail/${row.s_id}">
                                        <i class="am-icon-pencil"></i> 编辑
                                    </Link>
                                     <a class="btnRemove tpl-table-black-operation-del" data-id="${row.s_id}">
                                        <i class="am-icon-remove"></i> 删除
                                    </a>
                                    <a target="_blank" class="tpl-table-black-operation-export" href="${app.serverUrl + requestUrl.GET_STUDENT_EXCEL}?s_id=${row.s_id}&token=${app.getToken()}">
                                        <i class="am-icon-file-excel-o"></i> 导出
                                    </a>
                                </div>`;
                    }
                }
            ]
        }),

生成按钮这里，不能使用jsx 语法的React对象，请问如何吧jsx语法的React对象，转换成普通的html

#2

在React生态，就不应该直接操作DOM，也就是说不应该再用jQuery了。

#3

jsx只要经过编译阶段才有效果，最后生成的都是React.createElement之类的编译后的代码，跑在浏览器端里。

可以通过React.createElement()、React.createFactory()，生成你需要的dom树。不过不推荐，比jsx体验差很多。

#4

有一些jquery库实在太好用了，在没有找到更好的替代品之前，只好继续使用，求推荐一个react table库，可分页，可筛选，可排序

#5

可不可以让jsx的对象编译成dom？然后在js中直接使用

#6

http://lobos.github.io/react-ui/0.7/#/table

#7

不知道诶。感觉比较难