react redox form tag onSubmit does not work

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


US>class AddPost extensions 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)=>{
    US>return{
        addPost:(title, body)=>{dispatch(addPost(title, body))}
    }
}

export default connect (mapDispatchToProps) (AddPost);