React中使用useEffect監控詳情id是否更新獲取對應數據

1、引入組件

import React, { FC, useEffect } from 'react';
import { useSelector } from 'umi';

 

2、使用useSelector方法獲取從Redux的store中提取數據（state）

const id = useSelector((state) => state.routerState[InsuranceDetailId]);

 

3、調用useEffect方法監控id是否有更新

useEffect(() => {
    // getInsuranceDatailReq.run({id})
    console.log(id,'=============info');
    getInsuranceDetail({ id }).then((res) => {
      const { code, data } = res
      if(code === 0){
        form.setFieldsValue(data); 
      }
    })
  }, [id]);

Tip：

form.setFieldsValue(data); // 設置表單默認值