2017-02-14 76 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));