react redux formタグのonSubmitが動作しない

現在、react-reduxを学習しています

以下のようなコードを書いたのですが、formタグ内のonSubmitが動作しません
inputタグ内のonChangeは問題なく動作します

どなたかご教示頂けましたら幸いです

import React,{ Component } from 'react'
import { connect } from 'react-redux'
import { addPost } from '../actions/postAction'


class AddPost extends Component{
    state = {
        title: '',
        body: ''
    }

    handleChangeTitle =(e) =>{
        this.setState({
            title: e.target.value
        })
        console.log(this.state)
    }

    handleChangeBody =(e) =>{
        this.setState({
            body: e.target.value
        })
        console.log(this.state)
    }

    handleSubmit =(e) =>{
        e.preventDefault();
        this.props.mapDispatchToProps(this.props.post.id)
        this.setState({
            title: '',
            body: ' '
        })
    }

    render(){
        return(
            <div>
                <form onSubmit={ this.handleSubmit }>
                    <label>title</label>
                    <input type="text" id="title" onChange={ this.handleChangeTitle } value={this.state.title}/>
                    <label>body</label>
                    <input type="text" id="body"  onChange={ this.handleChangeBody } value={this.state.body}/>
                </form>
            </div>
        )
    }
}

const mapDispatchToProps = (dispatch) => {
    return{
        addPost: (title,body) => { dispatch(addPost(title,body))}
    }
}

export default connect(mapDispatchToProps)(AddPost);

こちらの回答を参考に
constructorを記載しましたが、動作させることは出来ませんでした

https://stackoverflow.com/questions/35098324/react-form-component-onsubmit-handler-not-working