如何在网格单元中渲染图像。在这里，我尝试使用ag网格显示新冠病毒-19的数据。国旗图像应显示为第一列。我正在从公共api获取数据(https://corona.lmao.ninja/v2/countries). 我们将从获取的数据中获取标志的URL。
这是来自公共api的对象数据的示例数组， [{"updated":1627371592714,"country":"Afghanistan","countryInfo":{"_id":4,"iso2":"AF","iso3":"AFG","lat":33,"long":65,"flag":"https://disease.sh/assets/img/flags/af.png"},"cases":145008,"todayCases":0,"deaths":6515,"todayDeaths":0,"recovered":93641,"todayRecovered":0,"active":44852,"critical":1124,"casesPerOneMillion":3638,"deathsPerOneMillion":163,"tests":693751,"testsPerOneMillion":17405,"population":39859479,"continent":"Asia","oneCasePerPeople":275,"oneDeathPerPeople":6118,"oneTestPerPeople":57,"activePerOneMillion":1125.25,"recoveredPerOneMillion":2349.28,"criticalPerOneMillion":28.2}] 标志url包含在countryinfo->flag中。
下面是我的react渲染代码。

```componentDidMount() {
    axios.get("https://corona.lmao.ninja/v2/countries").then(response => {
        this.setState({worldData:response.data });
    });
}
render() {
    var temp_arr=[];
    let keys = Object.keys(this.state.worldData);
    keys.map((key,itm)=>{
      temp_arr.push(this.state.worldData[key]);
    })
    return (
        <div className="ag-theme-alpine" style={{weight:800,height:800}}>
           <AgGridReact rowData={temp_arr} rowSelection="multiple">
              //Flag image should be added here
             <AgGridColumn field="country" sortable={ true } filter={ true } ></AgGridColumn>
             <AgGridColumn field="cases" sortable={ true } filter={ true }></AgGridColumn>
             <AgGridColumn field="active" sortable={ true } filter={ true }></AgGridColumn>
             <AgGridColumn field="recovered" sortable={ true } filter={ true }></AgGridColumn>
             <AgGridColumn field="deaths" sortable={ true } filter={ true }></AgGridColumn>
           </AgGridReact>
            </div>
    );}```