React中mock(模拟)数据 - 图1

    article.json

    [ { “id”: 1, “title”: “文章1” }, { “id”: 2, “title”: “文章2” } ]

    App.js

    import React, { Component } from ‘react’ import axios from ‘axios’ /** * 01 axios * 02 请求转发 03 mock 数据 只能mock get请求 / class App extends Component { constructor() { super() this.state = { articles: [] } } getArticle = async () => { let articles = await axios.get(‘/api/article.json’).then(response => response.data) this.setState({ articles }, () => { console.log(this.state.articles) }) } render() { return ( <div> <button onClick={this.getArticle}>获取文章列表</button> <ul> { this.state.articles.map(article => ( <li key={article.id}>{article.title}</li> )) } </ul> </div> ) } } export default App