Как сериализовать данные с помощью Ajax в реагировать?

Question

У меня есть ряд данных, которые содержат несколько объектов в одном массиве (файл json), и это будет показано по реакции.

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