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); // 设置表单默认值