antd pro v5页面加载执行

墨蓝 2022-09-15 12:22 102阅读 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 条评论，102人围观）

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

相关阅读

相关 react开发之使用antd pro新增页面

面效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV...

客官°小女子只卖身不卖艺/ 2024年04月18日 13:53/ 0 赞/ 64 阅读

相关 JS--页面加载完毕后执行

原文网址：[JS--页面加载完毕后执行\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] 简介说明本文用示例介绍JavaScript如何在页面加

ゝ一纸荒年。/ 2023年10月01日 10:00/ 0 赞/ 50 阅读

相关 jquery页面加载后自动执行

1、$(function()\{ 　　$("\a").click(function()\{ 　　　　//adding your code here 　　\})

怼烎@/ 2023年07月01日 08:37/ 0 赞/ 29 阅读

相关 js -- 页面加载执行及触发执行

js – 页面加载执行及触发执行前提引入js ![在这里插入图片描述][20191128105542450.png] 版本无所谓 <!DOCTYPE ht

àì夳堔傛蜴生んèń/ 2023年06月17日 07:59/ 0 赞/ 30 阅读

相关 antd按需加载

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

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

相关 antd pro v5页面加载执行

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

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

相关 antd pro v5 记录

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

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

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

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

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

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

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

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

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

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

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