Comment définir l'état de la réponse de l'axios à réagir

Vous avez une erreur de syntaxe ici. Vous devriez essayer ceci à la place

var self = this;
axios.get('/url')
 .then(function (response) {
   console.log(response);
   self.setState({events: response.data})
 })
.catch(function (error) {
   console.log(error);
});
//the rest of the code
var a = 'i might be executed before the server responds'

Il y a quelques choses à noter ici:

• axios.get est une fonction d'asynchrone qui signifie que le reste du code sera exécuté .Et quand la réponse du serveur arrive, la fonction passée à then sera exécuté. La valeur de retour de axios.get('url') est appelé une promesse d'objet. Vous pouvez lire plus à ce sujet ici
• this mot-clé a une valeur différente en fonction de l'endroit où il est appelé. this dans this.setState devrait consulter le constructeur de l'objet, et lorsque vous appelez this l'intérieur d'une fonction, il se réfère à la window objet. C'est pourquoi j'ai confié this à la variable self. Vous pouvez lire plus à ce sujet ici

Conseil du Pro:

Si vous utilisez ES6, vous pouvez utiliser la flèche fonctions (qui n'ont pas leur propre this) et l'utilisation this.setState sans affecter this à une variable. plus à ce sujet ici

    axios.get('/url')
     .then((response) => {
       console.log(response);
       this.setState({events: response.data})
     })
    .catch((error)=>{
       console.log(error);
    });

Voici un exemple complet https://codesandbox.io/s/rm4pyq9m0o contenant meilleures pratiques couramment utilisé pour récupérer les données y compris la gestion des erreurs, essayez de nouveau et le chargement. Cela fournit un meilleure expérience Utilisateur. Vous êtes encouragés à modifier le code et de jouer autour pour obtenir plus de renseignements à ce sujet.

Simplement essayer ce node js

      axios.get(`https://jsonplaceholder.typicode.com/users`)
       .then(res => {
          const persons = res.data;
          this.setState({ persons });
      })

si vous utilisez réagir js puis de la première importation d'un composant que l'utilisation d'axios

comme ceci:

import React from 'react';
import axios from 'axios';
export default class PersonList extends React.Component {
  state = {
    persons: []
  }

  componentDidMount() {
    axios.get(`https://jsonplaceholder.typicode.com/users`)
      .then(res => {
        const persons = res.data;
        this.setState({ persons });
      })
  }

  render() {
    return (
      <ul>
        { this.state.persons.map(person => <li>{person.name}</li>)}
      </ul>
    )
  }
}

Faire quelque chose comme ceci:

  var self= this; //self will now be referred to your component

  axios.get("http://localhost:3001/get_user?id=" + id)
  .then(function (response) {
    if(response.data.rows != null)
    user_detail = response.data.rows;
    console.log(response);
    self.setState({email: user_detail.name, name: user_detail.name})
  })