reactJS의 응답 데이터를 사용하여 동적 테이블 생성

Question

제 질문은 reactJS의 테이블을 인쇄하고 싶습니다. 내가 이미 장고보기에서 데이터를 얻기 위해 액시 얼을 사용하고 응답을 얻었다. 그러나이 데이터를 누가 테이블 형식으로 설정할 지 모르겠습니다. 나는 반응 부트 스트랩 표를 사용했다. 그리고 저는 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"태그에서이 아이디, 이름, 이메일을 사용하는 방법? 나를 안내 해줘. 감사.

Answer 1

반응 부팅 스트랩 구성 요소를 사용했던 렌더링 기능 내부. 그냥

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