在React中使用mapStateToProps和state與connect（）

Question

我正在使用Redux-Form，並嘗試從該表單獲取值。 該文檔建議使用getFormValues()方式如下：

MyComponent = connect(
  state => ({
    values: getFormValues('myForm')(state),
  })
)(MyComponent)

在我的組件中，我目前正在將connect與mapStateToProps一起使用。 但是，如何將兩者同時使用？ 我當前的代碼（由於personFormValues是undefined ，因此不起作用）是這樣的：

export default reduxForm({
  form: 'personsForm'
})(connect(mapStateToProps, state => ({
  personFormValues: getFormValues('personsForm')(state)
}))(PersonsForm));

我也嘗試過：

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
  mapStateToProps
}))(PersonsForm));

和

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
}), mapStateToProps)(PersonsForm));

和

export default reduxForm({
  form: 'personsForm'
})(connect(state => ({
  personFormValues: getFormValues('personsForm')(state),
  personsForm: state.form.personsForm
}))(PersonsForm));

在后一種情況下，personForm和personFormValues返回未定義。

connect和connect一起使用的正確方法是什么？

Answer 1

我知道了 我只是將其添加到mapStateToProps方法中，如下所示：

const mapStateToProps = state => ({
  personsForm: state.form.personsForm,
  values: getFormValues('personsForm')(state)
});