当前位置: 首页 > news >正文

个人网站可以做论坛吗软广告经典案例

个人网站可以做论坛吗,软广告经典案例,全球室内设计公司排名,徐州网站建设报价前置介绍 Umi 是一个基于 React 的可插拔企业级前端应用框架,Umi 提供了一系列的插件和约定,使得开发者能够以约定大于配置的方式进行开发,同时还支持丰富的功能扩展和插件机制。 Dva 是一个基于 Redux、Redux-Saga 和 React-Router 的数据…

前置介绍

Umi 是一个基于 React 的可插拔企业级前端应用框架,Umi 提供了一系列的插件和约定,使得开发者能够以约定大于配置的方式进行开发,同时还支持丰富的功能扩展和插件机制。

Dva 是一个基于 Redux、Redux-Saga 和 React-Router 的数据流管理框架。它的目标是简化 React 应用中数据的流动和管理,提供一种可预测、可维护和可扩展的状态管理方案。Dva 的核心思想是将数据和逻辑组织成以模型(Model)为单位的概念,并通过约定的方式将它们组织在一起。

具体使用

umi 现在已经内置了 dva。

  1. 首先需要配置 dva: {} 打开 Umi 内置的 dva 插件。

  2. 创建 Model:在 Umi 项目的 src/models/ 目录下创建一个新的文件,例如 example.js,用于定义一个模型。

import UserConreoller from "@/services/user"// src/models/example.jsexport default {// 命名空间namespace: 'example',// 状态(数据)state: {data: [],},// 同步更新仓库状态数据reducers: {save(state, { payload }) {return { ...state, data: payload };},},// 异步更新仓库状态数据effects: {*fetchData({ payload }, { call, put }) {const response = yield call(UserConreoller.getUser, payload); // 调用异步请求接口yield put({ type: 'save', payload: response.data }); // 触发对应的 reducer},},
};
import { request } from '@umijs/max'// src/services/user.js
function getUser() {return request('/api/user', {method: 'GET',})
}
export default {getUser
}

在上面的代码中,我们定义了一个名为 example 的模型,包含了初始状态 state 和两个方法:reducerseffectsreducers 用于处理同步操作,而 effects 用于处理异步操作。

  1. 使用 Model:在 React 组件中使用我们定义的模型。
import {useDispatch} from '@umijs/max'function ExampleComponent() {const dispatch = useDispatch()const { data } = useSelector(state => state.example)useEffect(() => {dispatch({ type: 'example/fetchData', payload: {} }); // 触发异步操作}, []);return (<div>{data}</div>);
}export default ExampleComponent
http://www.khdw.cn/news/52379.html

相关文章:

  • 辽宁住房建设厅网站2023网络营销成功案例
  • 网站建设公司的成本有哪些方面抖音推广方式有哪些
  • 个人主页html下载山东东营网络seo
  • 北京做微信网站友情视频
  • 网站架构模板自动提取关键词的软件
  • 腾讯云建设个人网站如何编写一个网站
  • 制定网站建设方案厦门网
  • wordpress 不同站点推广产品引流的最佳方法
  • 网上有做任务赚钱的网站株洲网站建设
  • wordpress订单管理插件长沙seo优化首选
  • 合肥做百度网站天津百度分公司
  • 成都网站搭建公司百度下载软件
  • 国内用JSP做的网站有哪些青岛seo杭州厂商
  • wordpress自定义登录页深圳seo优化公司
  • 自己做网站 有名6百度seo报价
  • 做细分行业信息网站线上推广的方法
  • 做期货在哪个网站查资料安徽seo网络推广
  • 三亚河北建设招聘信息网站游戏推广文案
  • 横沥做网站兰州怎么提高网站的排名
  • 网页界面设计教材玉溪seo
  • dz网站如何搬家深圳全网推广公司
  • 网站建设按什么收费整站优化和单词
  • 会展设计制作优化方案的格式及范文
  • 圣辉友联做网站公司长岭网站优化公司
  • 网站制作服务订单济南seo优化公司
  • 做网站建设的公司有哪些sem是什么电镜
  • 俄语网站都哪些抖音关键词搜索排名收费
  • 网站优化毕业设计外贸营销网站
  • 做网站推广怎么做网页制作成品
  • java下的wordpress大连seo建站