Необработанный отказ (TypeError): this.state.persons.map не является функцией

Question

Я создаю веб-сайт с использованием реакции и django, но я застрял здесь. я проверил net на наличие решений, но я не могу найти ни одного, вот мой код и полученная ошибка.

Uncaught TypeError: this.state.persons. карта не является функцией

import React from "react";
import axios from "axios";
import {
  Container,
  Dimmer,
  Image,
  Item,
  Label,
  Loader,
  Message,
  Segment
} from "semantic-ui-react";
import { productListURL } from "../constants";

export default class ProductList extends React.Component {
  state = {
    persons:[]
  };

  componentDidMount(){
    axios.get(productListURL)
    .then(res =>{
      const persons = res.data;
      this.setState({persons});
    })
  }

  render(){
    return (
      <ul>
        {this.state.persons.map(person => <li>{person.title}</li>)}
      </ul>
    )
  }
}