如何在Redux-Form中将prop传递给onChange函数？

Question

所以说我有以下组件（这是伪代码，但希望可以以更短的阅读格式说明我的问题）...

class Example extends React.Component {
  onChange = () => {
    store.dispatch({ type: 'FETCH_VENUE', location: locationValue })
  }

  render() {
    console.log(this.props.id) // "2"
    return (
      <Field id="salesArea" name="orderHeader.salesArea" type="select" onChange={this.onChange}
             component={SelectComponent} />
    )
  }
}

export default Example;

如果我有一个来自Container组件ExampleContainer的道具，它在this.prop.id处提供了一个值。 我如何将其作为locationValue传递，所以基本上等同于

location: this.props.id

而不创建反模式。

this.props.id在HOC中使用formValueSelector返回salesArea的当前值。

如果将位置设置为“ 2”，则我的代码效果很好，但是有没有办法将道具传递到此调度中？

Answer 1

对于任何偶然发现的人。 我如下解决。

我在简单的Form组件中添加了以下功能。

onVenueChange = (event, venueId) => {
    console.log(venueId);
    this.props.onVenueChange(venueId)
}

然后在<Field />中这样称呼它

call onChange={this.onVenueChange}

在作为mapDispatch一部分的HOC中，我有以下内容。 哪个调度动作。

onVenueChange: venueId => dispatch({type: 'FETCH_EDITABLEORDERS', venueId: venueId })