dav-loading 专辑

最新推荐文章于 2021-12-03 16:00:43 发布

陈勇士

最新推荐文章于 2021-12-03 16:00:43 发布

阅读量974

点赞数

分类专栏： dva react-dva react

本文链接：https://blog.csdn.net/chenyongtu110/article/details/76561748

版权

这篇博客主要介绍了如何在项目中应用 dav-loading 插件来创建加载效果。首先在 src/index.js 中引入并配置 createLoading()。然后在具体的组件如 components/Users/Users.js 中，将 loading 参数传入，并将其添加到表格中。同时，将 loading 状态管理放入 model 中，以控制加载动画的显示和隐藏。

摘要由CSDN通过智能技术生成

（1）：修改 src/index.js

关键代码：

// 2. Plugins app.use(createLoading());

import dva from 'dva';
import { browserHistory } from 'dva/router';
import createLoading from 'dva-loading';
import { message } from 'antd';
import './index.html';
import './index.css';

const ERROR_MSG_DURATION = 3; // 3 秒

// 1. Initialize
const app = dva({
  history: browserHistory,
  onError(e) {
    message.error(e.message, ERROR_MSG_DURATION);
  },
});

// 2. Plugins 
app.use(createLoading());

// 3. Model
app.model(require('./models/users'));

// 4. Router
app.router(require('./router'));

// 5. Sta