Flux - 如何为表单字段创建商店?如何处理表单字段状态?超过500个表单字段。字段值更新变慢

时间:2015-08-04 06:45:06

标签: reactjs reactjs-flux

我正在尝试使用React Flux创建表单。 步骤

  1. 使用api来获取表单字段信息
  2. 在componentdidupdate中,我调用操作将表单字段信息更新到商店
  3. 表格得到了很好的回复
  4. 当表单字段更改时,我将操作传递给表单字段我使用操作更新表单字段并更新商店并重新呈现
  5. 问题如果我的表单包含超过500个字段字段,请更新其缓慢

    行动

    create_form update_form_field_value
    

    商店

    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
    

    查看

    <FormContainer> 
      <Form {...formFields} {...actions}/> 
    </FormContainer> 
    
    <Form> 
    iterate fields 
    <Form.Input {...formField} {...actions}/> ... 
    iterate end 
    </Form> 
    

    ...谢谢

0 个答案:

没有答案