React 网络请求

React 网络请求

使用axios完成网络请求

import React from 'react';
import axios from 'axios';
import PubSub from 'pubsub-js'
import ReconnectingWebSocket from "reconnecting-websocket";

import './App.css';
import ShowdetilComponent from './components/Showdetil'
import WebSocketText from './components/WebSocketText'



class App extends React.Component {

  mySubscrriber = function(msg, data){
    console.log(msg, data);
  };

  getStudentData = ()=>{
    //发起请求
    axios.get('http://localhost:3000/react/student').then(
      response => {
        if(response.status===200){
          console.log(response.data);
          //发布消息
          PubSub.publish('mytopic', response.data);
        }
      },
      error => {console.log('error',error.data);}
    );
  }

  render(){
    return (
      <div>
        <p>hello</p>
        //设置点击事件
        <button onClick={this.getStudentData}>点击我获取学生数据</button>
        <ShowdetilComponent/>
      </div>
    );
  }
}

export default App;