Créer une table dynamique en utilisant les données de réponse dans reactJS

Question

Ma question est, je veux imprimer une table dans reactJS. J'ai déjà utilisé axios pour obtenir des données de vues django et j'ai eu une réponse. Mais, je ne sais pas qui mettre ces données au format tableau. J'ai utilisé la table de réaction-bootstrap. Et je suis très nouveau dans ReactJS. Mon Code Snippet est:

change(){ 
axios.get('http://127.0.0.1:8000/users/') 
.then(function (response) { 
    console.log("in user",response.data[0].id); 
    this.setState({ 
    id: response.data[0].id, 
    username: response.data[0].username, 
    email: response.data[0].email, 
}); 
}) 
.catch(function (error) { 
    console.log(error); 
}); 

}

Mais maintenant comment utiliser cet identifiant, nom d'utilisateur et e-mail dans la balise "tbody"? Guidez-moi s'il-vous-plaît. Merci.

Answer 1

À l'intérieur de votre fonction de rendu où vous avez utilisé le composant react-bootstrap. Juste utiliser

<tbody> 
    <tr> 
    <td>{this.state.id}</td> 
    <td>{this.state.username}</td> 
    <td>{this.state.email}</td> 
    </tr> 
</tbody>