I am trying to create form using React Flux. Steps
- Rest api to get form fields Information
- In componentdidupdate i call action to update form fields information into store
- Form gets rerender fine
- I pass action to form fields when form fields change i update the form fields using action and update the store and it gets rerender
Problem If my form contains more than 500 fields fields update its getting slow
action
create_form update_form_field_value
store
var _form_field_info=[{id:"t1",type:"text",value:""}, {id:"t2",type:"text",value:"default value"} ];
get_form_field() return _form_field_info
_setFieldValue(index,val) set _form_field_info[index].t1.value=val
View
<FormContainer>
<Form {...formFields} {...actions}/>
</FormContainer>
<Form>
iterate fields
<Form.Input {...formField} {...actions}/> ...
iterate end
</Form>
Thanks....