reactjs - 未捕获( promise )TypeError : undefined is not iterable

Question

我有这个错误:

bundle.js:2066 Uncaught (in promise) TypeError: undefined is not iterable.

我的代码:

firebase.auth().onAuthStateChanged(user => {
  if (user)
  {
    if (user.uid != null)
    {
      let storageRef = firebase.storage().ref("Users/" + user.uid);
      console.log(storageRef)
      storageRef.listAll().then( res => {
        let promises = res.items.forEach( item => item.getDownloadURL() );
    
        Promise.all(promises).then((downloadURLs) => {
            this.setState({ urlImage: downloadURLs });
        })
      })
    }

    console.log(this.state.urlImage)

    const actionPhoto = { type: "TOGGLE_PHOTO", value: this.state.urlImage };
    this.props.dispatch(actionPhoto)

    const actionUid = { type: "TOGGLE_UID", value: user.uid };
    this.props.dispatch(actionUid)

    // On ajoute le nom et la photo du current user
    const actionName = { type: "TOGGLE_NAME", value: user.displayName };
    this.props.dispatch(actionName)

    //this.props.navigation.navigate('Navigation')
}
})

我在 foreach(items) 中有一项，并且 ref() 存储 firebase 很好。

你有什么想法吗？

Answer 1

首先，确保你的 res 对象有 items 并且它必须是一个数组。然后，将 forEach 迭代器更改为 map，以便它根据您的 res.items 生成一个新的映射数组。

let promises = res.items.map( item => item.getDownloadURL() );

Promise.all(promises).then((downloadURLs) => {
            this.setState({ urlImage: downloadURLs });
        })