ReferenceError：找不到变量：loadMoviesLikedDetails（React Native）

Question

我是 React Native 的新手，我有这个项目，我有一个 ReferenceError 错误，当我进入一个显示用户喜欢的所有电影的页面时，我有这个：

ReferenceError: ReferenceError: Can't find variable: loadMoviesLikedDetails

这是组件的一部分代码：

class LikedScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {
      moviesLikedDetails: []
    };
  }

  componentDidMount() {
    loadMoviesLikedDetails(); <-- SEEMS LIKE THIS CREATES THE ERROR
  }

  loadMoviesLikedDetails() {
    this.props.likedFilms.forEach(async movie => {
      const dataDetail = axios.get(
        `https://api.themoviedb.org/3/movie/${movie}?api_key=${API_KEY}&language=fr`
      );
      this.setState({
        moviesLikedDetails: [...this.state.moviesLikedDetails, dataDetail.data]
      });
    });
  }

  render() {
      return (
        <View style={styles.container}>
            {this.state.moviesLikedDetails.map(movie => (
              <View style={{ display: "flex", flex: "wrap", width: "25%" }}>
                {movie.id}
              </View>
            ))}
        </View>
      );
  }
}

看起来错误来自 componentDidMount 中 function 的执行...

Answer 1

您在componentDidUpdate中缺少this.loadMoviesLikedDetails()

此外，您可以通过这种方式定义 state，而不是constructor

  state = {
    moviesLikedDetails: []
  }

你也可以检查钩子