express form post送信　値を取得したい

フォームに入力した値をPOST送信する際に値が渡らず、困っています。

調べてもjsx記法からのexpressのreqで受け取る記事がなかなか見つからず、
最終的にここで質問させていただきます。

初歩的な質問でしたら、申し訳ないのですが、何卒よろしくお願いいたします。

下記にコードを書きます。

server.js

var express = require("express");
var app = express();
var bodyParser = require('body-parser');
app.set("view engine", "jsx");
app.engine('jsx', require('express-react-views').createEngine());


app.use(bodyParser.urlencoded({
    extended: false
}));
app.use(bodyParser.json());

app.post("/test", (req, res) => {
    console.log("req.body = " + req.body);  // <-undefined
    res.render("./afterTest.jsx");
});

app.listen(3000);
console.log('listening....3000');

test.jsx

import React, { Component } from 'react';

class MsgInput extends Component {
    constructor(props) {
        super(props);
        this.state = {
            message: ''
        }
    }
    render() {
        return (
             <form action="/test" method="POST" > 
                 <textarea 
                    placeholder='メッセージを入力してください'
                    rows={10}
                    value={this.state.message}
                    onChange={(e) => this.setState({message: e.target.value})}
                    required
                  />  
                 <button className="btn_confirm">送信</button>
             </form> 
        );
    }
}
export default MsgInput;