如何详细阐述React中发起网络请求的各种方法和技巧？

本文共计266个文字，预计阅读时间需要2分钟。

目录

1.发起网络请求

1.1 安装axios库 - 安装axios：yarn add axios 1.2 发起网络请求 - 导入React和Component：import React, { Component } from 'react' - 导入http工具：import { get } from './utils/http' - 使用axios发起请求

目录

• 1. 发起网络请求
• 2. 开发时网络请求代理配置

1. 发起网络请求

首先需要安装 axios 库：

yarn add axios

发起网络请求：

import React, { Component } from 'react' import { get } from './utils/api.iynn.cn/film', // 修改主机头 changeOrigin: true })) }

App.jsx：

import React, { Component } from 'react' import { get } from './utils/http' import Loading from './components/Loading' class App extends Component { state = { users: null } async componentDidMount() { let users = await get('/api/v1/getNowPlayingFilmList?cityId=110100&pageNum=1&pageSize=10') console.log(users) } render() { return ( <div> { // 条件渲染 // 第一次执行过来是null，防止报错就需要加一个判断 this.state.users ? <h3>{this.state.users.name}</h3> : <Loading /> } </div> ) } } export default App

到此这篇关于React网络请求发起方法详细介绍的文章就介绍到这了,更多相关React网络请求内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！