Передача идентификатор из this.props.data.id Реагировать ReduxForm

Question

Мой ListItem компонент передаются данные из другого компонента с помощью:

RenderData() {

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

Теперь в моем ListItem компоненте у меня есть доступ к данным с использованием this.props.data. Я хочу передать id, this.props.data.id в reduxForm или мой handleFormSubmit функции.

Я попытался добавить скрытое поле ввода, чтобы передать id, который не работает?

handleFormSubmit({ id, date }) { 

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

И в моем методе визуализации .....

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

Понял, что это было просто необходимо отправить идентификатор в моей вспомогательной функции handleFormSubmit и удалить идентификатор из формы.

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