如何在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 })