reactjs - React와 함께 여러 개의 axios 요청을 사용하여 별도의 그래프를 표시하는 방법은 무엇입니까?

각 별개의 주제에 대한 그래프 데이터를 표시하기 위해 다중 axios 요청을 사용해 보았지만 결과는 그래프 표시가 모두 아래 스크린 샷과 같이 같았습니다. 마지막 데이터에 대해서만 표시됩니다. 코딩 :

componentDidMount() {
axios.get(`http://192.168.10.124:3000/api/messages/gettopic`) 
  .then(res => {
    const graphDataName = res.data.map(topics=>{
      axios.get('http://192.168.10.124:3000/api/messages?filter[where][topic]=' + topics + "&filter[order]=timestamp%20DESC")
      .then(res => {
        const graphData = res.data;
        this.setState({graphData});
      })
    });
  })
}
render() {
const { getDeviceListPending, getDeviceListError } = this.props.dashboard;
//const { getDevicePending, getDeviceError } = this.props.dashboard;
//const temperatureData = this.getTempData();
console.log(this.state.graphData);
//console.log(this.state.topics);
return (
  <div className="chart">
    <div className="column">
      <div className="panel">
        {
          this.props.dashboard.listData.map(item=>
            <div className="columns is-multiline">
              <div className="column is-12">
                <div className="panel">
                  <div className="panel-block">
                    <li key={item}>
                      <a key={item} onClick={memobind(this, 'handleRowClick', item)}>
                        {item}
                          <GetChart graphData={this.state.graphData}/>
                      </a>
                    </li>
                  </div>
                </div>
              </div>
            </div>  
          )
        }
      </div>
    </div>
  </div>

"this.state.graphData"의 결과는 여기에 각 개별 주제에 대한 데이터를 보여 주었지만, 그래프 표시는 모두 동일합니다. 각 장치의 그래프에 대한 각 그래프 데이터를 표시하고 싶습니다. 그것으로합니까? 감사합니다. 차트에서 승리 차트를 사용하고 있으며 React를 사용하고 있습니다.