ReactJS Json对象数组

问题描述

我在映射某些JSON时遇到问题：

https://environment.data.gov.uk/flood-monitoring/id/floodAreas/?county=Lincolnshire

非常感谢您的帮助，谢谢

我正在使用以下代码尝试映射json对象

await fetch('https://environment.data.gov.uk/flood-monitoring/id/floodAreas/?county=Lincolnshire')
  .then(res => res.json())
  .then(json => {
    this.setState({
      hasLoaded: true,weatherItems: json
    })
  });

static renderFloodTable(weatherItems) {
  return (
    <table class="centerTable" className='table table-striped' aria-labelledby="tabelLabel">
      <thead>
        <tr>    
          <th>County. (C)</th>           
        </tr>
      </thead>
      <tbody>
        {weatherItems.items.map(item =>
          <tr key={item.fwdCode}>                                          
            <td>{item.fwdCode}</td>
          </tr>
        )}
      </tbody>
    </table>
  );
}

解决方法

我认为渲染调用太早，因此尚未设置MAIL_USE_TLS = True。试试这个：

weatherItems

并且顺便说一句，您不应该同时使用{weatherItems ? weatherItems.items.map( // ... etc... // ) : null}和await ...选择一个...