javascript - React 中的类分配

标签 javascript reactjs ecmascript-6 eslint redux-form

目前我正在使用 redux-form,现在我必须将我的 reduxForm 组件连接到我的 redux 存储。因此,查看文档我必须执行以下操作:

// Decorate with reduxForm(). It will read the initialValues prop provided by connect()
InitializeFromStateForm = reduxForm({
  form: 'initializeFromState'  // a unique identifier for this form
})(InitializeFromStateForm)

// You have to connect() to any reducers that you wish to connect to yourself
InitializeFromStateForm = connect(
  state => ({
    initialValues: state.account.data // pull initial values from account reducer
  }),
  { load: loadAccount }               // bind account loading action creator
)(InitializeFromStateForm)

export default InitializeFromStateForm

我在我的组件中做了类似的事情,但是,eslint 给了我一个错误:

无类分配

我是否应该禁用此规则以将其与 redux-form 一起使用,或者是否存在管理此类事物的方法?

最佳答案

您实际上不需要重新分配类(class)。为什么不做类似的事情

// Decorate with reduxForm(). It will read the initialValues prop provided by connect()
const reduxFormDecorator = reduxForm({
  form: 'initializeFromState'  // a unique identifier for this form
});

const reduxConnector = connect(
  state => ({
    initialValues: state.account.data // pull initial values from account reducer
  }),
  { load: loadAccount }               // bind account loading action creator
);

export default reduxConnector(reduxFormDecorator(InitializeFromStateForm));

关于javascript - React 中的类分配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42234411/

相关文章:

javascript - jquery显示列表项

javascript - 延迟 AngularJS 中的整个页面加载,直到服务的 ajax 完成

javascript - 通过addJavascriptInterface将JSONArray注入(inject)到webiew

javascript - 如何使用 ReactJS、Redux 和 ES2015 将 onChange 回调正确绑定(bind)到 'this'?

javascript - 如何在 React 渲染函数中异步等待?

Javascript XMLHttpRequest 不会使用 IE 8 或 9 发送,但可以使用 IE 10

reactjs - 如何在调用高阶组件时访问类外的 prop,以便高阶组件可重用

javascript - ES6 : Conditional use of spread operator

javascript - Redux ES6(BabelJS): is there a map function that can iterate this structure?

javascript - ReactJS 这个.state