reactJSの応答データを使用して動的テーブルを作成する

Question

私の質問は、reactJSのテーブルを印刷したいと思います。私はすでにdjangoビューからデータを取得するためにAxiosを使用しており、私は応答を得ました。しかし、私はテーブル形式でこのデータを設定するのかどうかわかりません。私は反応ブートストラップのテーブルを使用しました。 ReactJSでは非常に新しいです。 私のコードスニペットは、次のとおりです。

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); 
}); 

}

しかし今 "TBODY" タグで、このID、ユーザ名、および電子メールを使用する方法？私を案内してください。ありがとう。

Answer 1

反応起動ストラップコンポーネントを使用したレンダー機能の内部。ただ使用する

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