antd pro v5页面加载执行

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

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

相关阅读

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

面效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV...

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

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

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

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

相关 antd按需加载

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

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

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

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

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

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

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 赞/ 90 阅读

相关 antd pro v5 记录

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

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

相关 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 赞/ 208 阅读

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

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

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