antd pro v5页面加载执行

墨蓝 2022-09-15 12:22 92阅读 0赞

import React, { useState, useEffect } from 'react';
    import { PageContainer } from '@ant-design/pro-layout';
    import { message, Card, Row, Col } from 'antd';
    
    import { getDashboard } from '@/services/api';
    
    const Welcome : React.FC = () => {
      const [boardData, setBoardData] = useState<any>({});  
    
      const getDashboardFunc = async () => {
        try {
          const data = await getDashboard();
          if (data.code === 200) {
            setBoardData(data.data);
          }
          return data
        } catch (error) {
          message.error('异常');
        }
      };
    
      // 两个参数
      // 第一个是一个函数，是在第一次渲染(componentDidMount)以及之后更新渲染之后会进行的副作用。这个函数可能会有返回值，倘若有返回值，返回值也必须是一个函数，会在组件被销毁(componentWillUnmount)时执行。
      // 第二个参数是可选的，是一个数组，数组中存放的是第一个函数中使用的某些副作用属性。用来优化 useEffect
      useEffect(() => {
        console.log('加载..')
        getDashboardFunc()
      }, []);
    
      return (
        <PageContainer>
          1111
        </PageContainer>
      )
    }
    export default Welcome

useEffect

// 两个参数

// 第一个是一个函数，是在第一次渲染(componentDidMount)以及之后更新渲染之后会进行的副作用。这个函数可能会有返回值，倘若有返回值，返回值也必须是一个函数，会在组件被销毁(componentWillUnmount)时执行。

// 第二个参数是可选的，是一个数组，数组中存放的是第一个函数中使用的某些副作用属性。用来优化 useEffect

useEffect(() => \{

console.log('加载..')

getDashboardFunc()

\}, \[\]);

发表评论取消回复

表情：

评论列表（有 0 条评论，92人围观）

还没有评论，来说两句吧...

相关阅读

相关 react配置antd按需加载

> 安装与全局引用安装 npm install antd --save 使用（以Button组件为例） import React fro

妖狐艹你老母/ 2023年01月18日 14:24/ 0 赞/ 290 阅读

相关 antd按需加载

非按需加载 App.js import { Button } from 'antd'; index.css或者App.css @import '~

朴灿烈づ我的快乐病毒、/ 2023年01月18日 06:47/ 0 赞/ 216 阅读

相关 h5页面触底加载--div触底加载

页面触底加载 page = 1 //当前页 pages = 0 //总页数 $(window).scroll(function(){

谁践踏了优雅/ 2022年11月29日 12:56/ 0 赞/ 212 阅读

相关页面加载完成后执行的动作

1.想要一个页面在加载完成就去提交一个表单，frm1为表单的id <script> document.getElementById("frm1").sub

你的名字/ 2022年09月23日 08:47/ 0 赞/ 209 阅读

相关 antd pro v5页面加载执行

import React, { useState, useEffect } from 'react'; import { PageContainer } fro

墨蓝/ 2022年09月15日 12:22/ 0 赞/ 93 阅读

相关 antd pro v5 记录

登录后获取用户信息 umi 使用models结合app.tsx中getInitialState方法绑定，请求用户信息接口。promise回传登录页。 login.tsx

爱被打了一巴掌/ 2022年09月15日 11:47/ 0 赞/ 10 阅读

相关 AntD Pro V5打包配置-不同API请求

config/host.ts console.log('process.env@：', process.env) console.log('REACT_APP

亦凉/ 2022年09月15日 00:08/ 0 赞/ 55 阅读

相关在页面加载完成后执行任务

方式一：通过JavaScript注册事件处理程序的传统机制是，把一个函数指定给DOM元素的对应属性。例如，假设我们已经定义了如下函数： function doStuff

向右看齐/ 2022年07月14日 09:56/ 0 赞/ 209 阅读

相关小米手机加载h5页面加载不出图片

昨天想着项目上线以后就可以开开心心的回家了，结果测试同学验证的时候拿着小米手机来找我，说是图片没加载出来，又开了其他好多手机都是好好的。看了半天发现是业务同学在配置平台配置的图

矫情吗；*/ 2022年05月01日 12:30/ 0 赞/ 314 阅读

相关 JQuery 页面加载完成后执行事件

一: $(document).ready(function(){ //code }) 二: jQuery(document).ready(function(){ ...

你的名字/ 2021年03月17日 15:48/ 0 赞/ 753 阅读