2017-02-14 75 views
2

当前我正在使用redux-form,现在我必须将我的reduxForm组件连接到我的redux存储。所以,看的文档我必须做一些事情,如:React中的类别分配

// 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是给我的错误:

no-class-asign

我应该禁用此规则使用它与redux-form或确实存在一种方法来管理这种事情?

+1

我猜你可以使用类表达式来替代:'let InitializeFromStateForm = class extends React.Compeont {}'。但最终取决于你。 ESLint让*你*控制代码库中的约定。如果为您分配一个新的值给“班级名称”,请禁用该规则。 –

+0

那么,在我的脑海中,我同意'eslint',但是,它会给我带来一些问题,还是未来的错误?我的意思是,现在它正在工作,但没人知道未来 – FacundoGFlores

回答

5

你并不需要重新分配这个类。为什么不做类似

// 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));