通过axios实现的一个搜索查询展示案例

代码如下:
App.js

import React, {
    Component } from 'react'
import {
   Search,List} from './components';
export default class App extends Component {
   
 //初始化状态 
 state={
   
    users:[],//users初始值为数组
    isFirst:true,//是否为第一次打开页面
    isLoading:false,//标识是否处于加载中
    err:'',//存储请求相关的错误信息
  }

  //更新app的state
  updateAppState = (stateObj)=>{
   
    this.setState(stateObj)
  }

  // saveUsers = (users)=>{
   
  //   this.setState({users})
  // }
  

  render() {
   
    return (
      <div className="container">
      <Search updateAppState={
   this.updateAppState}></Search>
       <List {
   ...this.state