当我尝试从 api 获取一些数据时，我收到错误。

然后我搜索了如何解决此错误，但无法解决。我想解决此错误。 我不知道为什么会出现此错误。 我应该如何修复我的代码？？ 请告诉我任何想法。 感谢您的阅读！

这是我的错误。

TypeError: Cannot read property 'map' of undefined

和消息图像。

这是我的代码。

import React,{ Component } from 'react';

class Exchange extends Component {
  constructor(props){
    super(props);
    this.state = {
      isLoaded: false,
      items: [],
    }
  }
  componentDidMount(){
    fetch('https://api.exchangeratesapi.io/latest')
    .then(res => res.json())
    .then(json => {
      this.setState({
        isLoaded: true,
        items: json.items,
      })
    })
    }

    render(){
      var { items,isLoaded } = this.state;

      if(!isLoaded){
        return <div>...Loading</div>;
      }else{
        return (
          <div>
            <ul>
              {items.map(item =>(
                <li key={item.rates}>{item.CAD}</li>
              ))}
            </ul>
          </div>
        )
      }
    }
}

 export default Exchange;

这是使用 api。