【问题标题】:Is it possible to use redux-form without using connect()?是否可以在不使用 connect() 的情况下使用 redux-form?
【发布时间】:2017-09-01 02:45:28
【问题描述】:
由于不是我的电话的各种原因,在我的工作应用程序中,我们使用redux 没有连接HOC。这里有利有弊。但是是否可以以这种方式使用redux-form,目前我有redux-form1 using it's own store viaconnect()`,这意味着它不太理想,有时在两个商店之间传递状态,失去了单一的事实来源.
有没有什么方法可以在不使用连接 HOC 的情况下使用 redux-form?
【问题讨论】:
标签:
reactjs
redux
react-redux
connect
redux-form
【解决方案1】:
你不需要 react-redux connect HOC 来使用 redux 形式。 Redux 表单提供了自己的类似连接的 HOC,称为 reduxForm。使用上面链接中描述的配置将您的表单组件包装起来,您就可以开始了。
【解决方案2】:
Redux 表单使用reduxForm 代替连接,这里是一个例子。
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,它会起作用。
【解决方案3】:
您可以使用 reduxForm HOC。如果你正在使用
语义用户界面反应,
然后你可以使用 <Form.Field>
来包装字段