現在、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