Utilisation de React js pour soumettre des zones de texte à la base de données SQL

J'essaie de soumettre quelques zones de texte à ma base de données SQL en utilisant React js via une demande de publication, puis du côté serveur, j'écoute le message et j'interroge les données dans ma base de données. À l'heure actuelle, les deux valeurs retournent "indéfini" indépendamment de ce que l'utilisateur saisit dans le formulaire, donc je pense que j'ai foiré le code côté React. Voici le code que j'utilise

Server.js :

import React, { Component } from 'react';

class postData extends Component {

    constructor() {
        super();
        this.state = { user: {} };
        this.onSubmit = this.handleSubmit.bind(this);
      }

      handleSubmit(e) {
        e.preventDefault();
        var self = this;
        // On submit of the form, send a POST request with the data to the server.
        fetch('http://localhost:5000', { 
            method: 'POST',
            body: {
              FirstName: self.refs.FirstName,
              LastName: self.refs.LastName
            }
          })
          .then(function(response) {
            return response.json()
          }).then(function(body) {
            console.log(body);
          });
      }
      render() {
        return (
          <form onSubmit={this.onSubmit}>
            <input type="text" placeholder="First Name" ref="FirstName"/>
            <input type="text" placeholder="Last Name" ref="LastName"/>
            <input type="submit" />
          </form>
        );
      }
}

export default postData;

Et voici mon code de réaction ...

:

var express = require('express');
var app = express();
var sql = require("mssql");
const bodyParser = require('body-parser');
app.use(bodyParser.json());

var config = {
    user: 'user',
    password: 'pass',
    server: 'localhost', 
    database: 'Master' 
};


app.post('/', function(req, res) {
    res.set('Access-Control-Allow-Origin', '*');
    const { FirstName, LastName } = req.body;
    let connection = new sql.ConnectionPool(config, function(err) {
        let request = new sql.Request(connection);
        request.query("insert into persons (FirstName, LastName) values ('" + FirstName + "', '" + LastName + "')");
    });
    res.send({ message: 'Success'})
});

app.listen(5000, () => {console.log('Server is running..')});

Encore une fois, je suis à peu près sûr que j'ai foiré le code du côté React, mais je ' Je suis assez nouveau dans tout cela, donc je ne sais pas par où commencer le dépannage. Lorsque je console.log le req.body côté serveur, il renvoie simplement {}, il semble donc qu'aucune donnée ne soit envoyée par le script react.

Merci!