Reduxを使ってReactを書いています。今回はそのReduxの中のReducerについての質問です。
現在はtodoアプリケーションを作っております。
まずはAddTodoComponentというReducerを作っておりまして
をれをconnectすることでmapDispatchToPropsの中でonSendHandleを定義しています。
このReducerの中にあるinputの値をonSendhandleにて送信したいのですが、
中身の値の参照のやり方がわかりません。
書き方が何通りもありまして、なかなかしっくりくるものがありませんでして、質問に至りました。
どうぞよろしくお願いいたします。
class AddTodoComponent extends React.Component{ render(){ let input; const { onSendHandle } = this.props; return( <div> <form onSubmit={this.props.onSendHandle}> <input ref="inputText" /> <button type="submit"> Add Todo </button> </form> </div> ); } } const mapDispatchToPropsAdd = (dispatch) => { return{ onSendHandle:() => {dispatch(addTodo(this.refs.inputText.getDOMNode().value))} } } const AddTodo = connect( mapDispatchToPropsAdd )(AddTodoComponent)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/01 05:27