如何使用Ajax在React中序列化数据？

Question

我有一系列数据，这些数据在一个数组（json文件）中包含一些对象，它将由react显示。

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data: [],
        .
        .
     }}}

我有多个物品：

render() {

    const { data, currentPage, itemsPerPage } = this.state;
    const indexOfLastItem = currentPage * itemsPerPage;
    const indexOfFirstItem = indexOfLastItem - itemsPerPage;
    const currentItems = data.slice(indexOfFirstItem, indexOfLastItem);
    const renderTour = currentItems.map((item, i) => {
        return <form action='' onSubmit={e => this.handleSubmit(e, item, i)} method="post">
            .......
    </form>
    })
}

我想通过ajax提交每个表单：

handleSubmit = (e, element, val) => {
    e.preventDefault();
    var productid = element.id
    if (typeof productid === 'string') {
        var return_Edit = function () {
            var tmp = null;
            $.ajax({
                'async': false,
                'type': "POST",
                'global': false,
                'dataType': 'html',
                'url': "index.bc",
                'data': e.serialize(),//////////////////
                'success': (response) => {
                    tmp = response;
                }
            });
            return tmp;
        }();
    }
}

在这种情况下如何序列化数据。当我提交表格时，没有数据被发送。
如果不编写'data': ''，则不会发送任何内容到index.bc