接口数据处理

news2024/11/27 12:42:06

调取接口

对接口的数据添加字段

url: urlData.filter((urlItem) => urlItem.id === item.id),
url: urlData.find((urlItem) => urlItem.id === item.id)
//理想,不能实现
url: urlData.find((urlItem) => {
              if (urlItem.id === item.id) {
                return urlItem.url;
              }
            }),
//实际,能够实现
url: urlData.find((urlItem) => urlItem.id === item.id)?.url  //可以更改?.url='自定义url'
url: urlData.filter((urlItem) => urlItem.id === item.id),

在这里插入图片描述

    *getSkyInfoServerFourNumList({ payload }, { call, put }) {
      const response = yield call(getSkyInfoServerFourNumList, payload);
      // console.log('response getSkyInfoServerFourNumList>>>', response);
      if (response.code === 200) {
        const resDataLists = response.data;
        const urlData = [
          {
            id: 1,
            url: '/digitalTransportation',
          },
          {
            id: 2,
            url: '/digitalAgriculture',
          },
          {
            id: 3,
            url: '/digitalPipeNetwork',
          },
          {
            id: 4,
            url: '/digitalBattlefield',
          },
        ];
        const myAddData = resDataLists.map((item, index) => {
          return {
            ...item,
            url: urlData.find((urlItem) => urlItem.id === item.id)?.url,
          };
        });
        // console.log('response resDataLists>>>', myAddData);

        yield put({
          type: 'setState',
          payload: { skyInfoServerFourNumList: myAddData },
        });
      } else {
        notification.warning({
          message: '后端接口没有返回数据或数据不存在',
          description: response.msg,
        });
      }
    },

 *getCompanyList({ payload }, { call, put }) {
      const response = yield call(getCompanyList, payload);
      if (response.code === 200) {
        const resDataLists = response.data;
        const myModifyData = resDataLists.map((item) => {
          return {
            ...item,
            address: item.address.split('***'),
            content: item.content.split('***'),
          };
        });
        yield put({
          type: 'setState',
          payload: { conpanyIntroduce: myModifyData },
        });
      } else {
        notification.warning({
          message: '后端接口没有返回数据或数据不存在',
          description: response.msg,
        });
      }
    },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/858601.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux Linux系统文件类型与文件权限

一、文件类型 (1)在windows系统中文件类型以文件的后缀名来区分,在Linux系统中文件类型不以后缀名来区分。注意编写c代码时必须写后缀名.c,不然C编译器不会编译该文件。 (2)在Linux系统中以文件的标志来区…

ROS入门-常见的rostopic命令及其用法的示例

目录 常见的rostopic命令及其用法的示例 1. 列出所有可用的话题: 2. 获取话题详细信息: 3. 实时显示话题消息内容: 4. 发布消息到话题: 5. 发布随机消息到话题: 6. 查看话题消息类型: 7. 查看话题消…

HTTP代理授权方式介绍

在网络爬虫过程中,我们经常需要使用HTTP代理来实现IP隐藏、突破限制或提高抓取效率。而为了确保代理的正常使用,并避免被滥用,代理服务商通常会采用授权方式。在本文中,我们将介绍几种常见的HTTP代理授权方式,以帮助你…

required a single bean, but 2 were found

1.问题描述 要求一个bean,但是发现了两个 说明: 当我们声明一个bean注解时,没有指定BeanName,Spring使用了默认值 spring的IOC容器中 默认一个类型只能有一个bean对象如果有两个bean对象,需要指定BeanName Bean //这个bean的名字…

Docker前置背景:架构演进

"但人类都环绕星球,我更愿追随彗星漂流~" 在正式引入架构演进之前,本小节会对一些比较重要、常见的概念进行介绍。 基本概念: (1)应用(application)/系统(system) 为了完成一整套服务的一个程序或者一组相互配合的程序群。生活例子类比&…

使用公网访问内网IIS网站服务器【无需公网IP】

使用公网访问内网IIS网站服务器【无需公网IP】 文章目录 使用公网访问内网IIS网站服务器【无需公网IP】前言1. 注册并安装cpolar2. 创建隧道映射3. 获取公网地址 前言 这里介绍通过内网穿透,实现公网访问内网IIS网站服务器。 都知道,现在基本不会被分配…

Qt自定义对话框

介绍 自定义框主要通过对现有对话框QDialog类的派生,根据需求编写成员函数、重载信号函数、槽函数,进而实现在主QWidget中点击某个按钮后,一个对话框的弹出 流程 简化创建派生类 最后点击完成即可。 自定义ui界面,编写成员函数…

pytest fixture 常用参数

fixture 常用的参数 参数一:autouse,作用:自动运行,无需调用 举例一:我们在类中定义一个function 范围的fixture; 设置它自动执行autouseTrue,那么我们看下它执行结果 输出: 说明:…

前端项目环境变量如何配置?

我们在项目开发过程中,至少会经历开发环境、测试环境和生产环境三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐切容易出错的。于是环境变量配置的需求就应运而生,我们只需做简单的…

【论文简介】PP-OCR中文字符识别论文概述

相关论文 2009.PP-OCR: A Practical Ultra Lightweight OCR System 2109.PP-OCRv2: Bag of Tricks for Ultra Lightweight OCR System 2206.PP-OCRv3: More Attempts for the Improvement of Ultra Lightweight OCR System 工程代码: github_PaddleOCR | 国内gitee_…

FlexRay汽车总线静电防护,如何设计保护方案图?

FlexRay是一种高速、实时、可靠、具备故障容错能力的总线技术,是继CAN和LIN总线之后的最新研发成果。FlexRay为线控应用(即线控驱动、线控转向、线控制动等)提供了容错和时间确定性性能要求。虽然FlexRay将解决当前高端和未来主流车载网络的挑…

HCIP-OpenStack

1、linux模板制作 使用minimal最小化安装Stream-8 制作Linux 虚拟机模板,后面克隆(完整克隆)出计算节点compute和控制节点controller,https://blog.51cto.com/cloudcs/5258769 1、修改网卡信息# cat ifcfg-ens160 TYPE…

yolov5代码解读之train.py【训练模型】

哇咔咔,登场 代码开头都是一些导包到模块的: 接下来来到入口函数: 我们直接来到main函数的内容:(分四个部分) 前两部分: 关于main函数的第二部分中的resume参数(496行)&…

进程间通信的编程方式(IPC)及实验

进程间通信(IPC)方式 目录 Socket 管道 匿名管道 消息队列 共享内存 信号 远程过程调用 Socket Socket编程是一种在计算机网络中进程间通信的编程方法。Socket提供了一种在不同主机上运行的进程之间传输数据的机制。通过使用Socket API&#xff…

ABC300

ABC300E 题面 思路 对于投骰子,最后一步可能得到1、2、3、4、5、6,那么对应的最后一步之前的数是n/1、n/2、n/3、n/4、n/5,n/6。并且每个数字(1、2、3、4、5、6)得到的概率是一样的,即为1/6。 也就是F(n…

Jmeter(七) - 从入门到精通 - 建立数据库测试计划实战<MySQL数据库>(详解教程)

1.简介 在实际工作中,我们经常会听到数据库的性能和稳定性等等,这些有时候也需要测试工程师去评估和测试,上一篇文章主要介绍了jmeter连接和创建数据库测试计划的过程,在文中通过示例和代码非常详细地介绍给大家,希望对各位小伙伴…

cpolar的基础使用方法

如何使用cpolar内网穿透? 文章目录 如何使用cpolar内网穿透?前言1. 在群辉NAS系统下安装cpolar套件2. 管理隧道列表3. 创建固定数据隧道 前言 群晖作为大容量存储系统,既可以作为个人的私有存储设备,也可以放在小型企业中作为数据…

别再用人工巡检了,教你一个简单好用的新技巧

当今社会中,计算机设备扮演着不可或缺的角色,它们在个人生活、商业活动和科技创新中都具有重要地位。 无论是个人用户还是企业,UPS监控都是确保计算机设备稳定运行的关键环节。通过有效的UPS监控,我们能够在电力波动或中断时保护硬…

python中的迭代器和生成器

一、迭代器 支持迭代的容器,如列表(list)、元组(tuple)、字典(dict)、集合(set)这些序列式容器。 自定义迭代器的类中必须实现以下2个方法: __next__(self)…

Netty:用forEachByte遍历处理ByteBuf中的可读字节

说明 io.netty.buffer.ByteBuf的forEachByte(ByteProcessor processor)用指明的ByteProcessor 遍历ByteBuf中的可读字节。遍历的时候用升序遍历。 -这个函数可以在ByteBuf中寻找某个字节首次出现的位置,或者首次不是某个字节的位置。 如果已经遍历完了可读字节但还…