antd pro form 数组套数组 form数组动态赋值 shouldUpdate 使用

antd form中数组套数组

form数组动态变化 动态赋值

需求如上，同时添加多个产品，同时每个产品可以增加多台设备，根据设备增加相应编号，所以存在数组套数组，根据数组值动态变化
使用的知识点

1. form.list form中的数组展示
2. shouldUpdate 根据form值来动态变化
3. 数组是引用类型

// An highlighted block
<div >
            <Form
               form={form}
               name="basic"
               labelCol={{
                   flex: '90px',
                   }}
               initialValues={{
                   productList:[{
                       bianHao:'',
                       wuMiao:'',
                       number:1,
                       tType:'you',
                       files:{},
                       list:[{
                           sheBei:'',
                           guZi:'',
                           ziYou:'',
                       }],
                       }]
               }}
               labelWrap={true}
               labelAlign="left"
               onFinish={onFinish}
               onFinishFailed={onFinishFailed}
               autoComplete="off"
               >
               {/* 
                    
                       
                           
                               
                           
                       
                       
                           
                               
                           
                       
                       
                           
                               
                           
                       
                       
                           
                               
                           
                       
                       
                           
                                                          </Form.Item>
                       </Col>
                       <Col xl={24} sm={24}>
                           <Form.Item label='证明文件' >
                               <Upload {...fileProps}>
                                   <Button type="primary" icon={<UploadOutlined />}>点击上传</Button>
                               </Upload>
                           </Form.Item>
                       </Col>
                   </Row>   
               </Card> */</span><span class="token punctuation">}</span>
              
               <span class="token operator"><</span>Card 
                   title<span class="token operator">=</span><span class="token string">"基本信息"</span> 
                   bordered<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token boolean">false</span><span class="token punctuation">}</span><span class="token operator">></span>
                   <span class="token operator"><</span>Form<span class="token punctuation">.</span>List name<span class="token operator">=</span><span class="token string">"productList"</span> <span class="token operator">></span>
                           <span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token parameter">fields<span class="token punctuation">,</span> <span class="token punctuation">{<!-- --></span>add<span class="token punctuation">,</span> remove<span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>
                             <span class="token operator"><</span><span class="token operator">></span>
                               <span class="token punctuation">{<!-- --></span>fields<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">field<span class="token punctuation">,</span>index</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>
                                   <span class="token operator"><</span>Row  gutter<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
                                               <span class="token punctuation">{<!-- --></span><span class="token comment">/* 用得时候只需要修改下面，将需要重复展示的部分替换下面部分即可 注意 -----start*/</span> <span class="token punctuation">}</span>
                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                       <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                           <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                           label<span class="token operator">=</span><span class="token string">"产品名称"</span>
                                                           name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"bianHao"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                           rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                   <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                   <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
                                                               <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                               <span class="token operator">></span>
                                                           <span class="token operator"><</span>Input placeholder<span class="token operator">=</span><span class="token string">"请输入"</span> <span class="token operator">/</span><span class="token operator">></span>
                                                       <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                       <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                           <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                           label<span class="token operator">=</span><span class="token string">"物料编码"</span>
                                                           name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"wuMiao"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                           rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                   <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                   <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
                                                               <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                               <span class="token operator">></span>
                                                           <span class="token operator"><</span>Input placeholder<span class="token operator">=</span><span class="token string">"请输入"</span> <span class="token operator">/</span><span class="token operator">></span>
                                                       <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                               
                                                       <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                           <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                           label<span class="token operator">=</span><span class="token string">"数量"</span>
                                                           name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"number"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                           rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                   <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                   <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
                                                               <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                               <span class="token operator">></span>
                                                           <span class="token operator"><</span>InputNumber min<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">1</span><span class="token punctuation">}</span> style<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">{<!-- --></span><span class="token literal-property property">width</span><span class="token operator">:</span><span class="token string">'100%'</span><span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">/</span><span class="token operator">></span>
                                                           
                                                       <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>

                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                               
                                                       <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                           <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                           label<span class="token operator">=</span><span class="token string">"单位"</span>
                                                           name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"tType"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                           rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                   <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                   <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
                                                               <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                               <span class="token operator">></span>
                                                           <span class="token operator"><</span>Select<span class="token operator">></span>
                                                               <span class="token operator"><</span>Select<span class="token punctuation">.</span>Option value<span class="token operator">=</span><span class="token string">"you"</span><span class="token operator">></span>台<span class="token operator"><</span><span class="token operator">/</span>Select<span class="token punctuation">.</span>Option<span class="token operator">></span>
                                                               <span class="token operator"><</span>Select<span class="token punctuation">.</span>Option value<span class="token operator">=</span><span class="token string">"zi"</span><span class="token operator">></span>块<span class="token operator"><</span><span class="token operator">/</span>Select<span class="token punctuation">.</span>Option<span class="token operator">></span>
                                                           <span class="token operator"><</span><span class="token operator">/</span>Select<span class="token operator">></span>
                                                       <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span><span class="token operator">></span>
                                               <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item noStyle  shouldUpdate<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token parameter">pre<span class="token punctuation">,</span>cur</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{<!-- --></span>
                                               <span class="token comment">//    如果删除一条信息，cur.productList[index]是空值，所以需要判断</span>
                                                   <span class="token keyword">if</span><span class="token punctuation">(</span>cur<span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token operator">&&</span>pre<span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">{<!-- --></span>
                                                       <span class="token keyword">return</span> pre<span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">.</span>number <span class="token operator">!==</span> cur<span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">.</span>number
                                                   <span class="token punctuation">}</span><span class="token keyword">else</span><span class="token punctuation">{<!-- --></span>
                                                       <span class="token keyword">return</span> <span class="token boolean">false</span>
                                                   <span class="token punctuation">}</span>
                                               <span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                   <span class="token punctuation">{<!-- --></span>
                                                       <span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{<!-- --></span>getFieldsValue<span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token operator">=></span><span class="token punctuation">{<!-- --></span>
                                                           <span class="token punctuation">{<!-- --></span><span class="token comment">/* 繁琐的计算：1.输入的数值比原来的数值大，计算差值，给原数组循环push
                                                                      2.手动在删除，输入框为空的时候，根据splice置空 （因为是空，所以计算出0）
                                                                      3.输入的数值比之前小，优先从后面删除，防止前面输入的被删除掉，依旧是操作原数组 splice  */</span><span class="token punctuation">}</span>
                                                           <span class="token keyword">let</span> number <span class="token operator">=</span> <span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">.</span>number<span class="token punctuation">;</span>
                                                           <span class="token keyword">let</span> list <span class="token operator">=</span> <span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>productList<span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">.</span>list<span class="token punctuation">;</span>
                                                           <span class="token keyword">if</span><span class="token punctuation">(</span>number<span class="token operator">></span>list<span class="token punctuation">.</span>length<span class="token punctuation">)</span><span class="token punctuation">{<!-- --></span>
                                                               <span class="token keyword">let</span> cha <span class="token operator">=</span> number <span class="token operator">-</span> list<span class="token punctuation">.</span>length<span class="token punctuation">;</span>
                                                               <span class="token keyword">for</span><span class="token punctuation">(</span><span class="token keyword">let</span> i<span class="token operator">=</span><span class="token number">0</span><span class="token punctuation">;</span> i<span class="token operator"><</span>cha <span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span><span class="token punctuation">{<!-- --></span>
                                                                   list<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token punctuation">{<!-- --></span> <span class="token literal-property property">sheBei</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                               <span class="token literal-property property">guZi</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                               <span class="token literal-property property">ziYou</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span><span class="token punctuation">}</span><span class="token punctuation">)</span>
                                                               <span class="token punctuation">}</span>
                                                              
                                                           <span class="token punctuation">}</span><span class="token keyword">else</span> <span class="token keyword">if</span><span class="token punctuation">(</span>number<span class="token operator">===</span><span class="token string">''</span><span class="token punctuation">)</span><span class="token punctuation">{<!-- --></span>
                                                               list<span class="token punctuation">.</span><span class="token function">splice</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span>list<span class="token punctuation">.</span>length<span class="token punctuation">)</span>
                                                           <span class="token punctuation">}</span><span class="token keyword">else</span> <span class="token keyword">if</span><span class="token punctuation">(</span>number<span class="token operator"><</span>list<span class="token punctuation">.</span>length<span class="token punctuation">)</span><span class="token punctuation">{<!-- --></span>
                                                               <span class="token keyword">let</span> cha <span class="token operator">=</span> list<span class="token punctuation">.</span>length <span class="token operator">-</span> number<span class="token punctuation">;</span>
                                                               list<span class="token punctuation">.</span><span class="token function">splice</span><span class="token punctuation">(</span>number<span class="token punctuation">,</span>cha<span class="token punctuation">)</span>
                                                           <span class="token punctuation">}</span> 
                                                           <span class="token keyword">return</span> <span class="token operator"><</span>Form<span class="token punctuation">.</span>List name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"list"</span><span class="token punctuation">]</span><span class="token punctuation">}</span> <span class="token operator">></span>
                                                                       <span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token parameter">tLists</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>
                                                                           <span class="token operator"><</span><span class="token operator">></span>
                                                                               <span class="token punctuation">{<!-- --></span>tLists<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">tlist</span><span class="token operator">=></span><span class="token punctuation">(</span>
                                                                                   <span class="token operator"><</span>Row  gutter<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">16</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                                                       <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                                                               <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                                                                   <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>tlist<span class="token punctuation">}</span>
                                                                                                   label<span class="token operator">=</span><span class="token string">"设备序列号"</span>
                                                                                                   name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>tlist<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"sheBei"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                   rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                                                           <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                                                           <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请选择'</span><span class="token punctuation">,</span>
                                                                                                       <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                       <span class="token operator">></span>
                                                                                                   <span class="token operator"><</span>Input<span class="token operator">/</span><span class="token operator">></span>
                                                                                               <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                                                                       <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                                                                       <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                                                               <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                                                                   <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>tlist<span class="token punctuation">}</span>
                                                                                                   label<span class="token operator">=</span><span class="token string">"固资编码"</span>
                                                                                                   name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>tlist<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"guZi"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                   rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                                                           <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                                                           <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请选择'</span><span class="token punctuation">,</span>
                                                                                                       <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                       <span class="token operator">></span>
                                                                                                   <span class="token operator"><</span>Input<span class="token operator">/</span><span class="token operator">></span>
                                                                                               <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                                                                       <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                                                                       <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> md<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">12</span><span class="token punctuation">}</span> lg<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">8</span><span class="token punctuation">}</span> xxl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">6</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                                                               <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                                                                   <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>tlist<span class="token punctuation">}</span>
                                                                                                   label<span class="token operator">=</span><span class="token string">"自有编码"</span>
                                                                                                   name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>tlist<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"ziYou"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                   rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                                                           <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                                                                           <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请选择'</span><span class="token punctuation">,</span>
                                                                                                       <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                                                                       <span class="token operator">></span>
                                                                                                    <span class="token operator"><</span>Input<span class="token operator">/</span><span class="token operator">></span>

                                                                                               <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                                                                       <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                                                                   <span class="token operator"><</span><span class="token operator">/</span>Row<span class="token operator">></span>
                                                                               <span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
                                                                           <span class="token operator"><</span><span class="token operator">/</span><span class="token operator">></span>
                                                                       <span class="token punctuation">)</span><span class="token punctuation">}</span>

                                                                   <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>List<span class="token operator">></span>
                                                       <span class="token punctuation">}</span>
                                                   <span class="token punctuation">}</span>

                                               <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token operator"><</span>Col sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> <span class="token operator">></span>
                                                   <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item
                                                       label<span class="token operator">=</span><span class="token string">"备注"</span>
                                                       <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                       name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"beiZhu"</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                       rules<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                           <span class="token literal-property property">required</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
                                                           <span class="token literal-property property">message</span><span class="token operator">:</span> <span class="token string">'请输入'</span><span class="token punctuation">,</span>
                                                       <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">]</span><span class="token punctuation">}</span>
                                                   <span class="token operator">></span>
                                                       <span class="token operator"><</span>TextArea  <span class="token operator">/</span><span class="token operator">></span>
                                                   <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token operator"><</span>Col xl<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span> sm<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token number">24</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                   <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item 
                                                       label<span class="token operator">=</span><span class="token string">'证明文件'</span> 
                                                       <span class="token punctuation">{<!-- --></span><span class="token operator">...</span>field<span class="token punctuation">}</span>
                                                       name<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">[</span>field<span class="token punctuation">.</span>name<span class="token punctuation">,</span><span class="token string">"files"</span><span class="token punctuation">]</span><span class="token punctuation">}</span> 
                                                       <span class="token operator">></span>
                                                       <span class="token operator"><</span>Upload 
                                                           customRequest<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token parameter">option</span><span class="token operator">=></span> option<span class="token punctuation">.</span><span class="token function">onSuccess</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
                                                           beforeUpload<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token parameter">file<span class="token punctuation">,</span> fileList</span><span class="token punctuation">)</span><span class="token operator">=></span> <span class="token function">fileVerification</span><span class="token punctuation">(</span>file<span class="token punctuation">,</span> fileList<span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token operator">></span>
                                                           <span class="token operator"><</span>Button type<span class="token operator">=</span><span class="token string">"primary"</span> icon<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token operator"><</span>UploadOutlined <span class="token operator">/</span><span class="token operator">></span><span class="token punctuation">}</span><span class="token operator">></span>点击上传<span class="token operator"><</span><span class="token operator">/</span>Button<span class="token operator">></span>
                                                       <span class="token operator"><</span><span class="token operator">/</span>Upload<span class="token operator">></span>
                                                   <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                                               <span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
                                               <span class="token punctuation">{<!-- --></span> <span class="token comment">/* 用得时候只需要修改下面，将需要重复展示的部分替换下面部分即可 -----end*/</span> <span class="token punctuation">}</span>
                                                       
                                               <span class="token operator"><</span>div styleName<span class="token operator">=</span><span class="token string">"item_btn_wrap"</span><span class="token operator">></span>
                                                   <span class="token operator"><</span>PlusCircleFilled styleName<span class="token operator">=</span><span class="token string">"add_item_btn"</span> onClick<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token function">add</span><span class="token punctuation">(</span><span class="token punctuation">{<!-- --></span>
                                                                                                                   <span class="token literal-property property">bianHao</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">wuMiao</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">number</span><span class="token operator">:</span><span class="token number">1</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">tType</span><span class="token operator">:</span><span class="token string">'you'</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">beiZhu</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">files</span><span class="token operator">:</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">}</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token literal-property property">list</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token punctuation">{<!-- --></span>
                                                                                                                       <span class="token literal-property property">sheBei</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                       <span class="token literal-property property">guZi</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                       <span class="token literal-property property">ziYou</span><span class="token operator">:</span><span class="token string">''</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
                                                                                                                   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span> <span class="token operator">/</span><span class="token operator">></span>
                                                   <span class="token punctuation">{<!-- --></span>fields<span class="token punctuation">.</span>length<span class="token operator">></span><span class="token number">1</span><span class="token operator">&&</span><span class="token operator"><</span>CloseCircleFilled  styleName<span class="token operator">=</span><span class="token string">"remove_item_btn"</span> onClick<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token function">remove</span><span class="token punctuation">(</span>field<span class="token punctuation">.</span>name<span class="token punctuation">)</span><span class="token punctuation">}</span> <span class="token operator">/</span><span class="token operator">></span><span class="token punctuation">}</span>
                                               <span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span>
                                   <span class="token operator"><</span><span class="token operator">/</span>Row<span class="token operator">></span>
                               <span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
                               <span class="token operator"><</span><span class="token operator">/</span><span class="token operator">></span>

                           <span class="token punctuation">)</span><span class="token punctuation">}</span>

                   <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>List<span class="token operator">></span>
               <span class="token operator"><</span><span class="token operator">/</span>Card<span class="token operator">></span>
               
               
               <span class="token operator"><</span>Card<span class="token operator">></span>
                   <span class="token punctuation">{<!-- --></span><span class="token comment">/* <Row  gutter={16}>
                       <Col> */</span><span class="token punctuation">}</span>
                           <span class="token punctuation">{<!-- --></span><span class="token comment">/* <Form.Item wrapperCol={<!-- -->{ offset: 8, span: 16 }}> */</span><span class="token punctuation">}</span>
                           <span class="token operator"><</span>Form<span class="token punctuation">.</span>Item styleName<span class="token operator">=</span><span class="token string">"right_layout"</span><span class="token operator">></span>
                               <span class="token operator"><</span>Link to<span class="token operator">=</span><span class="token string">"/HW/HwBorrowList"</span><span class="token operator">></span>
                                   <span class="token operator"><</span>Button type<span class="token operator">=</span><span class="token string">"dashed"</span><span class="token operator">></span>取消<span class="token operator"><</span><span class="token operator">/</span>Button<span class="token operator">></span>
                               <span class="token operator"><</span><span class="token operator">/</span>Link<span class="token operator">></span>
                               <span class="token operator"><</span>Button style<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">{<!-- --></span><span class="token literal-property property">marginLeft</span><span class="token operator">:</span><span class="token string">'20px'</span><span class="token punctuation">}</span><span class="token punctuation">}</span> loading<span class="token operator">=</span><span class="token punctuation">{<!-- --></span>saving<span class="token punctuation">}</span> onClick<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">=></span><span class="token function">onFinish</span><span class="token punctuation">(</span><span class="token string">'stage'</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token operator">></span>暂存<span class="token operator"><</span><span class="token operator">/</span>Button<span class="token operator">></span>
                               <span class="token operator"><</span>Button type<span class="token operator">=</span><span class="token string">"primary"</span> style<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">{<!-- --></span><span class="token literal-property property">marginLeft</span><span class="token operator">:</span><span class="token string">'20px'</span><span class="token punctuation">}</span><span class="token punctuation">}</span> onClick<span class="token operator">=</span><span class="token punctuation">{<!-- --></span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">=></span><span class="token function">onFinish</span><span class="token punctuation">(</span><span class="token string">'submit'</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token operator">></span>提交<span class="token operator"><</span><span class="token operator">/</span>Button<span class="token operator">></span>
                               <span class="token punctuation">{<!-- --></span><span class="token comment">/* <Button type="primary" htmlType="submit">确认</Button> */</span><span class="token punctuation">}</span>
                           <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token punctuation">.</span>Item<span class="token operator">></span>
                       <span class="token punctuation">{<!-- --></span><span class="token comment">/* </Col>
                   </Row> */</span><span class="token punctuation">}</span>
               <span class="token operator"><</span><span class="token operator">/</span>Card<span class="token operator">></span>
              
           <span class="token operator"><</span><span class="token operator">/</span>Form<span class="token operator">></span>
           
       <span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span>
<div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><div class="hide-preCode-box"><span class="hide-preCode-bt" data-report-view="{"spm":"1001.2101.3001.7365"}"><img class="look-more-preCode contentImg-no-view" src="https://1000bd.com/contentImg/2022/06/27/191644837.png" alt="" title=""></span></div><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li><li style="color: rgb(153, 153, 153);">8</li><li style="color: rgb(153, 153, 153);">9</li><li style="color: rgb(153, 153, 153);">10</li><li style="color: rgb(153, 153, 153);">11</li><li style="color: rgb(153, 153, 153);">12</li><li style="color: rgb(153, 153, 153);">13</li><li style="color: rgb(153, 153, 153);">14</li><li style="color: rgb(153, 153, 153);">15</li><li style="color: rgb(153, 153, 153);">16</li><li style="color: rgb(153, 153, 153);">17</li><li style="color: rgb(153, 153, 153);">18</li><li style="color: rgb(153, 153, 153);">19</li><li style="color: rgb(153, 153, 153);">20</li><li style="color: rgb(153, 153, 153);">21</li><li style="color: rgb(153, 153, 153);">22</li><li style="color: rgb(153, 153, 153);">23</li><li style="color: rgb(153, 153, 153);">24</li><li style="color: rgb(153, 153, 153);">25</li><li style="color: rgb(153, 153, 153);">26</li><li style="color: rgb(153, 153, 153);">27</li><li style="color: rgb(153, 153, 153);">28</li><li style="color: rgb(153, 153, 153);">29</li><li style="color: rgb(153, 153, 153);">30</li><li style="color: rgb(153, 153, 153);">31</li><li style="color: rgb(153, 153, 153);">32</li><li style="color: rgb(153, 153, 153);">33</li><li style="color: rgb(153, 153, 153);">34</li><li style="color: rgb(153, 153, 153);">35</li><li style="color: rgb(153, 153, 153);">36</li><li style="color: rgb(153, 153, 153);">37</li><li style="color: rgb(153, 153, 153);">38</li><li style="color: rgb(153, 153, 153);">39</li><li style="color: rgb(153, 153, 153);">40</li><li style="color: rgb(153, 153, 153);">41</li><li style="color: rgb(153, 153, 153);">42</li><li style="color: rgb(153, 153, 153);">43</li><li style="color: rgb(153, 153, 153);">44</li><li style="color: rgb(153, 153, 153);">45</li><li style="color: rgb(153, 153, 153);">46</li><li style="color: rgb(153, 153, 153);">47</li><li style="color: rgb(153, 153, 153);">48</li><li style="color: rgb(153, 153, 153);">49</li><li style="color: rgb(153, 153, 153);">50</li><li style="color: rgb(153, 153, 153);">51</li><li style="color: rgb(153, 153, 153);">52</li><li style="color: rgb(153, 153, 153);">53</li><li style="color: rgb(153, 153, 153);">54</li><li style="color: rgb(153, 153, 153);">55</li><li style="color: rgb(153, 153, 153);">56</li><li style="color: rgb(153, 153, 153);">57</li><li style="color: rgb(153, 153, 153);">58</li><li style="color: rgb(153, 153, 153);">59</li><li style="color: rgb(153, 153, 153);">60</li><li style="color: rgb(153, 153, 153);">61</li><li style="color: rgb(153, 153, 153);">62</li><li style="color: rgb(153, 153, 153);">63</li><li style="color: rgb(153, 153, 153);">64</li><li style="color: rgb(153, 153, 153);">65</li><li style="color: rgb(153, 153, 153);">66</li><li style="color: rgb(153, 153, 153);">67</li><li style="color: rgb(153, 153, 153);">68</li><li style="color: rgb(153, 153, 153);">69</li><li style="color: rgb(153, 153, 153);">70</li><li style="color: rgb(153, 153, 153);">71</li><li style="color: rgb(153, 153, 153);">72</li><li style="color: rgb(153, 153, 153);">73</li><li style="color: rgb(153, 153, 153);">74</li><li style="color: rgb(153, 153, 153);">75</li><li style="color: rgb(153, 153, 153);">76</li><li style="color: rgb(153, 153, 153);">77</li><li style="color: rgb(153, 153, 153);">78</li><li style="color: rgb(153, 153, 153);">79</li><li style="color: rgb(153, 153, 153);">80</li><li style="color: rgb(153, 153, 153);">81</li><li style="color: rgb(153, 153, 153);">82</li><li style="color: rgb(153, 153, 153);">83</li><li style="color: rgb(153, 153, 153);">84</li><li style="color: rgb(153, 153, 153);">85</li><li style="color: rgb(153, 153, 153);">86</li><li style="color: rgb(153, 153, 153);">87</li><li style="color: rgb(153, 153, 153);">88</li><li style="color: rgb(153, 153, 153);">89</li><li style="color: rgb(153, 153, 153);">90</li><li style="color: rgb(153, 153, 153);">91</li><li style="color: rgb(153, 153, 153);">92</li><li style="color: rgb(153, 153, 153);">93</li><li style="color: rgb(153, 153, 153);">94</li><li style="color: rgb(153, 153, 153);">95</li><li style="color: rgb(153, 153, 153);">96</li><li style="color: rgb(153, 153, 153);">97</li><li style="color: rgb(153, 153, 153);">98</li><li style="color: rgb(153, 153, 153);">99</li><li style="color: rgb(153, 153, 153);">100</li><li style="color: rgb(153, 153, 153);">101</li><li style="color: rgb(153, 153, 153);">102</li><li style="color: rgb(153, 153, 153);">103</li><li style="color: rgb(153, 153, 153);">104</li><li style="color: rgb(153, 153, 153);">105</li><li style="color: rgb(153, 153, 153);">106</li><li style="color: rgb(153, 153, 153);">107</li><li style="color: rgb(153, 153, 153);">108</li><li style="color: rgb(153, 153, 153);">109</li><li style="color: rgb(153, 153, 153);">110</li><li style="color: rgb(153, 153, 153);">111</li><li style="color: rgb(153, 153, 153);">112</li><li style="color: rgb(153, 153, 153);">113</li><li style="color: rgb(153, 153, 153);">114</li><li style="color: rgb(153, 153, 153);">115</li><li style="color: rgb(153, 153, 153);">116</li><li style="color: rgb(153, 153, 153);">117</li><li style="color: rgb(153, 153, 153);">118</li><li style="color: rgb(153, 153, 153);">119</li><li style="color: rgb(153, 153, 153);">120</li><li style="color: rgb(153, 153, 153);">121</li><li style="color: rgb(153, 153, 153);">122</li><li style="color: rgb(153, 153, 153);">123</li><li style="color: rgb(153, 153, 153);">124</li><li style="color: rgb(153, 153, 153);">125</li><li style="color: rgb(153, 153, 153);">126</li><li style="color: rgb(153, 153, 153);">127</li><li style="color: rgb(153, 153, 153);">128</li><li style="color: rgb(153, 153, 153);">129</li><li style="color: rgb(153, 153, 153);">130</li><li style="color: rgb(153, 153, 153);">131</li><li style="color: rgb(153, 153, 153);">132</li><li style="color: rgb(153, 153, 153);">133</li><li style="color: rgb(153, 153, 153);">134</li><li style="color: rgb(153, 153, 153);">135</li><li style="color: rgb(153, 153, 153);">136</li><li style="color: rgb(153, 153, 153);">137</li><li style="color: rgb(153, 153, 153);">138</li><li style="color: rgb(153, 153, 153);">139</li><li style="color: rgb(153, 153, 153);">140</li><li style="color: rgb(153, 153, 153);">141</li><li style="color: rgb(153, 153, 153);">142</li><li style="color: rgb(153, 153, 153);">143</li><li style="color: rgb(153, 153, 153);">144</li><li style="color: rgb(153, 153, 153);">145</li><li style="color: rgb(153, 153, 153);">146</li><li style="color: rgb(153, 153, 153);">147</li><li style="color: rgb(153, 153, 153);">148</li><li style="color: rgb(153, 153, 153);">149</li><li style="color: rgb(153, 153, 153);">150</li><li style="color: rgb(153, 153, 153);">151</li><li style="color: rgb(153, 153, 153);">152</li><li style="color: rgb(153, 153, 153);">153</li><li style="color: rgb(153, 153, 153);">154</li><li style="color: rgb(153, 153, 153);">155</li><li style="color: rgb(153, 153, 153);">156</li><li style="color: rgb(153, 153, 153);">157</li><li style="color: rgb(153, 153, 153);">158</li><li style="color: rgb(153, 153, 153);">159</li><li style="color: rgb(153, 153, 153);">160</li><li style="color: rgb(153, 153, 153);">161</li><li style="color: rgb(153, 153, 153);">162</li><li style="color: rgb(153, 153, 153);">163</li><li style="color: rgb(153, 153, 153);">164</li><li style="color: rgb(153, 153, 153);">165</li><li style="color: rgb(153, 153, 153);">166</li><li style="color: rgb(153, 153, 153);">167</li><li style="color: rgb(153, 153, 153);">168</li><li style="color: rgb(153, 153, 153);">169</li><li style="color: rgb(153, 153, 153);">170</li><li style="color: rgb(153, 153, 153);">171</li><li style="color: rgb(153, 153, 153);">172</li><li style="color: rgb(153, 153, 153);">173</li><li style="color: rgb(153, 153, 153);">174</li><li style="color: rgb(153, 153, 153);">175</li><li style="color: rgb(153, 153, 153);">176</li><li style="color: rgb(153, 153, 153);">177</li><li style="color: rgb(153, 153, 153);">178</li><li style="color: rgb(153, 153, 153);">179</li><li style="color: rgb(153, 153, 153);">180</li><li style="color: rgb(153, 153, 153);">181</li><li style="color: rgb(153, 153, 153);">182</li><li style="color: rgb(153, 153, 153);">183</li><li style="color: rgb(153, 153, 153);">184</li><li style="color: rgb(153, 153, 153);">185</li><li style="color: rgb(153, 153, 153);">186</li><li style="color: rgb(153, 153, 153);">187</li><li style="color: rgb(153, 153, 153);">188</li><li style="color: rgb(153, 153, 153);">189</li><li style="color: rgb(153, 153, 153);">190</li><li style="color: rgb(153, 153, 153);">191</li><li style="color: rgb(153, 153, 153);">192</li><li style="color: rgb(153, 153, 153);">193</li><li style="color: rgb(153, 153, 153);">194</li><li style="color: rgb(153, 153, 153);">195</li><li style="color: rgb(153, 153, 153);">196</li><li style="color: rgb(153, 153, 153);">197</li><li style="color: rgb(153, 153, 153);">198</li><li style="color: rgb(153, 153, 153);">199</li><li style="color: rgb(153, 153, 153);">200</li><li style="color: rgb(153, 153, 153);">201</li><li style="color: rgb(153, 153, 153);">202</li><li style="color: rgb(153, 153, 153);">203</li><li style="color: rgb(153, 153, 153);">204</li><li style="color: rgb(153, 153, 153);">205</li><li style="color: rgb(153, 153, 153);">206</li><li style="color: rgb(153, 153, 153);">207</li><li style="color: rgb(153, 153, 153);">208</li><li style="color: rgb(153, 153, 153);">209</li><li style="color: rgb(153, 153, 153);">210</li><li style="color: rgb(153, 153, 153);">211</li><li style="color: rgb(153, 153, 153);">212</li><li style="color: rgb(153, 153, 153);">213</li><li style="color: rgb(153, 153, 153);">214</li><li style="color: rgb(153, 153, 153);">215</li><li style="color: rgb(153, 153, 153);">216</li><li style="color: rgb(153, 153, 153);">217</li><li style="color: rgb(153, 153, 153);">218</li><li style="color: rgb(153, 153, 153);">219</li><li style="color: rgb(153, 153, 153);">220</li><li style="color: rgb(153, 153, 153);">221</li><li style="color: rgb(153, 153, 153);">222</li><li style="color: rgb(153, 153, 153);">223</li><li style="color: rgb(153, 153, 153);">224</li><li style="color: rgb(153, 153, 153);">225</li><li style="color: rgb(153, 153, 153);">226</li><li style="color: rgb(153, 153, 153);">227</li><li style="color: rgb(153, 153, 153);">228</li><li style="color: rgb(153, 153, 153);">229</li><li style="color: rgb(153, 153, 153);">230</li><li style="color: rgb(153, 153, 153);">231</li><li style="color: rgb(153, 153, 153);">232</li><li style="color: rgb(153, 153, 153);">233</li><li style="color: rgb(153, 153, 153);">234</li><li style="color: rgb(153, 153, 153);">235</li><li style="color: rgb(153, 153, 153);">236</li><li style="color: rgb(153, 153, 153);">237</li><li style="color: rgb(153, 153, 153);">238</li><li style="color: rgb(153, 153, 153);">239</li><li style="color: rgb(153, 153, 153);">240</li><li style="color: rgb(153, 153, 153);">241</li><li style="color: rgb(153, 153, 153);">242</li><li style="color: rgb(153, 153, 153);">243</li><li style="color: rgb(153, 153, 153);">244</li><li style="color: rgb(153, 153, 153);">245</li><li style="color: rgb(153, 153, 153);">246</li><li style="color: rgb(153, 153, 153);">247</li><li style="color: rgb(153, 153, 153);">248</li><li style="color: rgb(153, 153, 153);">249</li><li style="color: rgb(153, 153, 153);">250</li><li style="color: rgb(153, 153, 153);">251</li><li style="color: rgb(153, 153, 153);">252</li><li style="color: rgb(153, 153, 153);">253</li><li style="color: rgb(153, 153, 153);">254</li><li style="color: rgb(153, 153, 153);">255</li><li style="color: rgb(153, 153, 153);">256</li><li style="color: rgb(153, 153, 153);">257</li><li style="color: rgb(153, 153, 153);">258</li><li style="color: rgb(153, 153, 153);">259</li><li style="color: rgb(153, 153, 153);">260</li><li style="color: rgb(153, 153, 153);">261</li><li style="color: rgb(153, 153, 153);">262</li><li style="color: rgb(153, 153, 153);">263</li><li style="color: rgb(153, 153, 153);">264</li><li style="color: rgb(153, 153, 153);">265</li><li style="color: rgb(153, 153, 153);">266</li><li style="color: rgb(153, 153, 153);">267</li><li style="color: rgb(153, 153, 153);">268</li><li style="color: rgb(153, 153, 153);">269</li><li style="color: rgb(153, 153, 153);">270</li><li style="color: rgb(153, 153, 153);">271</li><li style="color: rgb(153, 153, 153);">272</li><li style="color: rgb(153, 153, 153);">273</li><li style="color: rgb(153, 153, 153);">274</li><li style="color: rgb(153, 153, 153);">275</li><li style="color: rgb(153, 153, 153);">276</li><li style="color: rgb(153, 153, 153);">277</li><li style="color: rgb(153, 153, 153);">278</li><li style="color: rgb(153, 153, 153);">279</li><li style="color: rgb(153, 153, 153);">280</li><li style="color: rgb(153, 153, 153);">281</li><li style="color: rgb(153, 153, 153);">282</li><li style="color: rgb(153, 153, 153);">283</li><li style="color: rgb(153, 153, 153);">284</li><li style="color: rgb(153, 153, 153);">285</li><li style="color: rgb(153, 153, 153);">286</li><li style="color: rgb(153, 153, 153);">287</li><li style="color: rgb(153, 153, 153);">288</li><li style="color: rgb(153, 153, 153);">289</li><li style="color: rgb(153, 153, 153);">290</li><li style="color: rgb(153, 153, 153);">291</li><li style="color: rgb(153, 153, 153);">292</li><li style="color: rgb(153, 153, 153);">293</li><li style="color: rgb(153, 153, 153);">294</li><li style="color: rgb(153, 153, 153);">295</li><li style="color: rgb(153, 153, 153);">296</li><li style="color: rgb(153, 153, 153);">297</li><li style="color: rgb(153, 153, 153);">298</li><li style="color: rgb(153, 153, 153);">299</li><li style="color: rgb(153, 153, 153);">300</li><li style="color: rgb(153, 153, 153);">301</li><li style="color: rgb(153, 153, 153);">302</li><li style="color: rgb(153, 153, 153);">303</li><li style="color: rgb(153, 153, 153);">304</li><li style="color: rgb(153, 153, 153);">305</li><li style="color: rgb(153, 153, 153);">306</li><li style="color: rgb(153, 153, 153);">307</li><li style="color: rgb(153, 153, 153);">308</li><li style="color: rgb(153, 153, 153);">309</li><li style="color: rgb(153, 153, 153);">310</li><li style="color: rgb(153, 153, 153);">311</li><li style="color: rgb(153, 153, 153);">312</li><li style="color: rgb(153, 153, 153);">313</li><li style="color: rgb(153, 153, 153);">314</li><li style="color: rgb(153, 153, 153);">315</li><li style="color: rgb(153, 153, 153);">316</li><li style="color: rgb(153, 153, 153);">317</li><li style="color: rgb(153, 153, 153);">318</li><li style="color: rgb(153, 153, 153);">319</li><li style="color: rgb(153, 153, 153);">320</li><li style="color: rgb(153, 153, 153);">321</li><li style="color: rgb(153, 153, 153);">322</li><li style="color: rgb(153, 153, 153);">323</li><li style="color: rgb(153, 153, 153);">324</li><li style="color: rgb(153, 153, 153);">325</li><li style="color: rgb(153, 153, 153);">326</li><li style="color: rgb(153, 153, 153);">327</li><li style="color: rgb(153, 153, 153);">328</li><li style="color: rgb(153, 153, 153);">329</li><li style="color: rgb(153, 153, 153);">330</li><li style="color: rgb(153, 153, 153);">331</li><li style="color: rgb(153, 153, 153);">332</li><li style="color: rgb(153, 153, 153);">333</li></ul></pre> 
<p><strong>使用注意</strong></p> 
<ol><li>Form.List 使用 {…field}或者{…tlist} 需要在name的前面，否则出错</li><li>中间有关于业务的逻辑，输入数量的计算</li><li>shouldUpdate 方法使用，表单中值变化，可以根据index来获取是第几个，进而判断</li><li>form数组的嵌套 运用两个form.list 嵌套，重点关注内层的 name 怎么写，进而进行内部的循环</li><li>在对form 的数组进行赋值的操作时 紧记 <strong>数组是引用类型</strong> ，用getFieldsValue 来获取需要操作的数组，运用数组中的<strong>修改原数组</strong>的方法来操作，即可及时修改form值<br> <strong>数组是引用类型</strong><br> <strong>数组是引用类型</strong><br> <strong>数组是引用类型</strong></li></ol> 
<p>以上为代码和理解，欢迎指正</p>
                </div>
                    </div>
                </li>

                <li class="list-group-item ul-li">

                    <b>相关阅读:</b><br>
                    <nobr>
<a href="/Article/Index/1201801">OPNET Modeler 软件的简单介绍与使用</a>                            <br />
<a href="/Article/Index/1527113">YOLOv5目标检测学习（5）：源码解析之：推理部分dectet.py</a>                            <br />
<a href="/Article/Index/1234210">HTML基础 - SVG标签</a>                            <br />
<a href="/Article/Index/982950">百趣代谢组学解读，罗氏菌属与肠道褪黑素有何关联？肠道疾病治疗又有新策略！</a>                            <br />
<a href="/Article/Index/1146446">IVariantArray的注意事项：AE 调用GP工具方法介绍及常见错误“对 COM 组件的调用返回了错误 HRESULTE_FAIL</a>                            <br />
<a href="/Article/Index/730092">Flink CDC (Mysql为例)</a>                            <br />
<a href="/Article/Index/1016321">四嗪tz修饰PbSe硒化铅量子点|TZ-PbSe QDs</a>                            <br />
<a href="/Article/Index/886826">微服务多模块项目maven打包时报找不到依赖模块中的类</a>                            <br />
<a href="/Article/Index/835784">【NodeJs-5天学习】第一天篇④ ——了解NodeJs回调函数和事件驱动机制</a>                            <br />
<a href="/Article/Index/1493897">sqlserver 事务</a>                            <br />
                    </nobr>
                </li>
                <li class="list-group-item from-a mb-2">
                    原文地址：https://blog.csdn.net/xiaowoniuqiren/article/details/133763593
                </li>

            </ul>
        </div>

        <div class="col-lg-4 col-sm-12">
            <ul class="list-group" style="word-break:break-all;">
                <li class="list-group-item ul-li-bg" aria-current="true">
                    最新文章
                </li>
                <li class="list-group-item ul-li">
                    <nobr>
<a href="/Article/Index/1484446">攻防演习之三天拿下官网站群</a>                            <br />
<a href="/Article/Index/1515268">数据安全治理学习——前期安全规划和安全管理体系建设</a>                            <br />
<a href="/Article/Index/1759065">企业安全 | 企业内一次钓鱼演练准备过程</a>                            <br />
<a href="/Article/Index/1485036">内网渗透测试 | Kerberos协议及其部分攻击手法</a>                            <br />
<a href="/Article/Index/1877332">0day的产生 | 不懂代码的"代码审计"</a>                            <br />
<a href="/Article/Index/1887576">安装scrcpy-client模块av模块异常，环境问题解决方案</a>                            <br />
<a href="/Article/Index/1887578">leetcode hot100【LeetCode 279. 完全平方数】java实现</a>                            <br />
<a href="/Article/Index/1887512">OpenWrt下安装Mosquitto</a>                            <br />
<a href="/Article/Index/1887520">AnatoMask论文汇总</a>                            <br />
<a href="/Article/Index/1887496">【AI日记】24.11.01 LangChain、openai api和github copilot</a>                            <br />
                    </nobr>
                </li>
            </ul>

            <ul class="list-group pt-2" style="word-break:break-all;">
                <li class="list-group-item ul-li-bg" aria-current="true">
                    热门文章
                </li>
                <li class="list-group-item ul-li">
                    <nobr>
<a href="/Article/Index/888177">十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！</a>                            <br />
<a href="/Article/Index/797680">奉劝各位学弟学妹们，该打造你的技术影响力了！</a>                            <br />
<a href="/Article/Index/888183">五年了，我在 CSDN 的两个一百万。</a>                            <br />
<a href="/Article/Index/888179">Java俄罗斯方块，老程序员花了一个周末，连接中学年代！</a>                            <br />
<a href="/Article/Index/797730">面试官都震惊，你这网络基础可以啊！</a>                            <br />
<a href="/Article/Index/797725">你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法</a>                            <br />
<a href="/Article/Index/797702">心情不好的时候，用 Python 画棵樱花树送给自己吧</a>                            <br />
<a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！</a>                            <br />
<a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a>                            <br />
<a href="/Article/Index/888192">10行代码集2000张美女图，Python爬虫120例，再上征途</a>                            <br />
                    </nobr>
                </li>
            </ul>

        </div>
    </div>
</div>
<!-- 主体 -->


    <!--body结束-->
    <!--这里是footer模板-->
    
    <!--footer-->
<nav class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="text-muted center foot-height">
                    Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a>   
                    <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a>
                </div>
                <div style="width:300px;margin:0 auto; padding:0px 5px;">
                    <a href="/regex.html">正则表达式工具</a>
                    <a href="/cron.html">cron表达式工具</a>
                    <a href="/pwdcreator.html">密码生成工具</a>
                </div>
                <div style="width:300px;margin:0 auto; padding:5px 0;">
                    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                    <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a>
                </div>
            </div>
        </div>
    </div>
  
</nav>
<!--footer-->

    <!--footer模板结束-->

    <script src="/js/plugins/jquery/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    <!--这里是scripts模板-->
    

    
 


    <!--scripts模板结束-->

</body>
</html>