How to correctly receive data from the api and go through the map?

Question

JavaScript

Good afternoon. I am learning, sending a request to get data [] api and trying to draw them using the map method in React, but it says that Cannot read property 'map' of undefined. Checked the data come to the console. What is the problem ?

import React from 'react'

class Grivna extends React.Component{
   
    constructor(props){
        super(props);
        this.state ={
            items: []
        }
    }
    componentDidMount(){
        fetch(`https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json`)
        .then(res => res.json())
        .then(
            (result) => {
                this.setState({
                    items: result.items
                })
            }
        )
    }
    

    render(){
        debugger
        const {items} = this.state;

            return(
                <ul>
                    {items.map(item => (
                        <li key={item.id}>{item.txt} {item.cc} {item.exchangedate}</li>
                    ))}
                </ul>
            )
        }
    }   

export default Grivna

Answer 1

componentDidMount(){
        fetch(`https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json`)
        .then(res => res.json())
        .then(
            (result) => {
                this.setState({
                    items: result
                })
            }
        )
    }