ReduxForm

Question

私のListItemコンポーネントが使用して別のコンポーネントからのデータを渡された反応させることthis.props.data.idからIDを渡す：

たrenderData（）私のListItemのコンポーネントで今すぐ{

return (
    <ListItem 
     key={data.id} 
     data={data} /> 
      ) 

私がアクセス権を持っているがthis.props.dataを使用してデータに追加します。 idをthis.props.data.idに、reduxFormに、またはhandleFormSubmitにそれぞれ渡したいと思います。

idを渡すために隠れた入力フィールドを追加しようとしましたが動作しませんでしたか？

handleFormSubmit({ id, date }) { 

    this.props.post({ id, date }) 
} 

そして、私のrenderメソッドで.....

render() { 

    const { handleSubmit, fields: { id, date }} = this.props; 
    return(
      <div> 
      <form className="form-inline" onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}> 
       <input {...id} type="hidden" name="id" value={this.props.data.id} /> 
       <select className="form-control" {...date} > 
      <option value="Monday">Monday</option> 
       <option value="Tuesday">Tuesday</option> 
       <option value="Wednesday">Wednesday</option> 
       <option value="Thursday">Thursday</option> 
       <option value="Friday">Friday</option> 
       <option value="Saturday">Saturday</option> 
       <option value="Sunday">Sunday</option> 
       </select> 
      </form> 
     </div> 
     ) 
} 


export default reduxForm({ 

    form: 'day', 
    fields: ['id', 'date'] 
}) 

は、私は見ていないよ、私のhandleFormSubmit方法にデータを追加するための別の方法がなければなりませんか？

Answer 1

figured it out ..単に私のhandleFormSubmitヘルパー関数でidを送信し、フォームからIDを削除しなければならなかった。

handleFormSubmit({ date }) { 
    const id = this.props.data.id; 
    this.props.post({ id, date }) 
}