React环境下,为何axios未执行Ajax请求?
- 内容介绍
- 文章标签
- 相关推荐
本文共计164个文字,预计阅读时间需要1分钟。
1. 安装axios:`npm install axios`
2.存储JSON数据:以本地文件方式存储数据
3.使用axios发起请求:建议在`componentDidMount`中发起ajax请求
1.安装axiosnpminstallaxios2.存放json数据以便本地发起请求3.使用axios一般建议在componentDidMount中发起ajax请求importRe1.安装axios
npm install axios
2.存放json数据
以便本地发起请求
3.使用axios
一般建议在 componentDidMount 中发起 ajax 请求
import React, {Fragment} from "react";import axios from axiosclass ShowRequestData extends React.Component { constructor(props) { super(props); this.state { companies: [] } } componentDidMount() { axios.get("/company.json").then((res) > { this.setState({ companies: res.data.name }) }) } render() { return ( {this.state.companies.map((item, index) > { return {item} })} ) }}export default ShowRequestData;
4.页面效果
成功获取数据并渲染到页面上
本文共计164个文字,预计阅读时间需要1分钟。
1. 安装axios:`npm install axios`
2.存储JSON数据:以本地文件方式存储数据
3.使用axios发起请求:建议在`componentDidMount`中发起ajax请求
1.安装axiosnpminstallaxios2.存放json数据以便本地发起请求3.使用axios一般建议在componentDidMount中发起ajax请求importRe1.安装axios
npm install axios
2.存放json数据
以便本地发起请求
3.使用axios
一般建议在 componentDidMount 中发起 ajax 请求
import React, {Fragment} from "react";import axios from axiosclass ShowRequestData extends React.Component { constructor(props) { super(props); this.state { companies: [] } } componentDidMount() { axios.get("/company.json").then((res) > { this.setState({ companies: res.data.name }) }) } render() { return ( {this.state.companies.map((item, index) > { return {item} })} ) }}export default ShowRequestData;
4.页面效果
成功获取数据并渲染到页面上

