在React Component中改变外部变量

Question

我正在尝试创建一个包含可变数量复选框的表单（带有redux-form）。

但是，这些复选框通过props传递给组件。因此，我无法在导出的字段中使用它们：

export default reduxForm({
    form: 'formCheckBoxes',
    fields: fields,
    validate
}, mapStateToProps, actions)(FilterComponent);

请帮助我，我在这个问题上花了好几个小时。

Answer 1

来自the docs：

  

重要提示：所有这些配置选项都可以在“设计时”传递给reduxForm（），或者在运行时作为道具传递给组件。

这意味着fields可以成为装饰组件的道具。

FilterComponent = reduxForm({
  form: 'formCheckboxes',
  validate
})(FilterComponent)

然后，在您的容器中，您有fields：

<FilterComponent fields={myFields}/>