react如何获取后台数据

简介: react如何获取后台数据

react获取后台数据需要导入useEffect,不然写入接口就会一直重复触发,不断获取接口。

效果:

解决方法:

首先导入useEffect

import { useState, useEffect } from "react";

然后将axios写入useeffect中:

 useEffect(() => {
     axios({
      method: "post",
      url: "请求地址",
      data: qs.stringify({
        参数: 参数值,
      }),
    }).then(function (res) {
      console.log(res);
    });
  }, []);

这样就可以解决问题了 。

目录
相关文章
|
5月前
|
前端开发
Layout布局实现一个简单的react管理后台
Layout布局实现一个简单的react管理后台
60 0
|
5天前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
12 0
|
1月前
|
前端开发 Android开发 iOS开发
应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
【2月更文挑战第31天】应用研发平台EMAS使用 aliyun-react-native-push 库接入推送和辅助通道,推送都可以收到,但是在App切到后台或者杀掉进程之后就收不到推送了,是需要配置什么吗?
32 2
|
3月前
|
数据可视化 前端开发 JavaScript
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
162 2
react+datav+echarts实现可视化数据大屏
|
4月前
|
JavaScript 前端开发
【HTML+REACT+ANTD 表格操作】处理(改变)数据,改变DOM
【HTML+REACT+ANTD 表格操作】处理(改变)数据,改变DOM
|
4月前
|
前端开发 开发者
React 组件的 children 数据使用
React 组件的 children 数据使用
39 0
|
5月前
|
前端开发
React通过jsonp来请求接口获取数据渲染数据
React通过jsonp来请求接口获取数据渲染数据
62 0
|
5月前
|
前端开发
React基础语法04-循环数组渲染数据的方法
React基础语法04-循环数组渲染数据的方法
75 0
|
5月前
|
JSON 前端开发 API
从零开始学习React-解析json、渲染数据(六)
从零开始学习React-解析json、渲染数据(六)
42 0
|
7月前
|
前端开发
react +Antd Cascader级联选择使用接口数据渲染
react +Antd Cascader级联选择使用接口数据渲染
73 0