Réact.js, typeError: this.state.movies.map n'est pas un problème de fonction

// Je ne suis pas bon en anglais, alors merci de comprendre.

Lorsque vous essayez d'utiliser une carte en recevant des données d'API, vous publiez un message pour trouver une solution car il existe une erreur de type. P >

Qu'est-ce qui ne va pas avec le code que j'ai écrit? p> xxx pré>

est-ce le problème? P>

Je pratique comment utiliser API. C'est dur. P>

class MoviesCall extends React.Component {
  state = {
    movies: [],
    list: [],
    Date: "",
    Type: ""
  };

  componentDidMount = async () => {
    await axios
      .get(endPoint)
      .then(res => res.data)
      .then(data =>
        this.setState({
          movies: data.boxOfficeResult,
          list: data.boxOfficeResult.dailyBoxOfficeList,
          Date: data.boxOfficeResult.showRange,
          Type: data.boxOfficeResult.boxofficeType
        })
      );
    console.log(this.state.movies);
    console.log(this.state.list);
    console.log(this.state.Date);
    console.log(this.state.Type);
  };

  render() {
    return (
      <div>
        {this.state.movies.map(movie => (
          <div key={movie.id}></div>
        ))}
      </div>
    );
  }
}