undefined 不是函数(靠近'....items.map....')

时间:2021-07-13 08:16:39

标签: reactjs dictionary web native

我收到此错误 undefined is not a function (near'....items.map..') 我不知道为什么会这样,任何人都可以帮我解决这个问题。 我正在尝试映射内部地图以获取数据,但无法做到。 解释一下为什么会这样。 当我在 items.map 上方执行 console.log 时,它会进入无限循环。我正在获取数据,但它进入无限循环并显示错误。 这是将书籍添加到书籍列表中的代码,该功能与添加到购物车或心愿单等功能相同。我已将数据存储在异步存储中并在此处接收数据,但无法映射它。 我没有展示从异步存储中获取数据的代码,如果你需要请评论我会提供。请任何人解决我的错误,我被困在这里。

const BookList=(props)=>{
    const [data, setData] = useState([]);

 return(
        <View style={{flex:1,backgroundColor:'#e6e6e6'}}>
            <ScrollView>
        <View>
            <View style={{alignItems:'center',margin:10}}>
                <Text style={{fontSize:30,fontWeight:'bold'}}>Book List</Text>

            </View>
            {data.map((items) => {
                        return (
                                items.map((item, i) => {
                                    return (
                                        <View style={{backgroundColor:'white',width:'50%'}}>
                                        <View style={{margin:15}}>
                                            <View>
                                            <Image
                                                style={{height:250}}
                                                source={{uri:'https://png.pngtree.com/thumb_back/fw800/background/20190826/pngtree-dark-abstract-background-with-dark-overlap-layers-image_305003.jpg'}}
                                            />
                                
                                            </View>
                                            <View>
                                                <View style={{marginTop:5}}>
                                                    <Text style={{fontSize:20,fontWeight:'bold'}} numberOfLines={1}>Hiiii</Text>
                                                </View>
                                
                                            </View>
                                
                                        </View>
                                
                                    </View>
                                    )
                                })
                        )
                        })}
            <View style={{flexDirection:'row',flexWrap:'wrap'}}>
         
           
            </View>
           
          
        </View>

        </ScrollView>
        </View>
    )
}
export default BookList```

0 个答案:

没有答案