Question

由于各种原因而不是我的电话，在我的工作申请中，我们使用redux而没有连接HOC。这里有利有弊。但是有可能以这种方式使用redux-form，目前我有redux-form1 using it's own store via connect（）`，这意味着它不太理想，有时状态在两个商店之间传递，单一来源真相丢失了。

有什么办法可以在不使用连接redux-form的情况下使用HOC吗？

Answer 1

您不需要react-redux connect HOC来使用redux形式。 Redux表单提供了自己的类似连接的HOC，称为reduxForm。使用上面链接中描述的配置将表单组件包裹起来，您就可以了。

Answer 2

Redux表单使用reduxForm而不是connect，这是一个示例。

NewCampaignForm.propTypes = {
  fields: PropTypes.object.isRequired,
  handleSubmit: PropTypes.func.isRequired,
  resetForm: PropTypes.func.isRequired,
  submitting: PropTypes.bool.isRequired
}

export default reduxForm({
  form: 'new-campaign-form',
  fields
})(NewCampaignForm);

如果您确实想要，可以在该表单的父容器上使用connect，它会起作用。

Answer 3

您可以使用 reduxForm HOC 。如果您使用

语义用户界面反应，

然后您可以使用 <Form.Field>

来包装字段

是否可以在不使用connect（）的情况下使用redux-form？

3 个答案: