未捕获的类型错误：无法读取未定义的属性“地图”（REACT NATIVE - Javascript）

Question

一直在尝试导入 Json 文件，然后在 React Native 应用程序中探索和显示它。我只是在学习 React Native，同时也在学习 Javascript。import React, { Component } from 'react';import {    Text,    View,    AsyncStorage} from 'react-native';import{eventos} from './Events';export default class Admin extends React.Component{    constructor(props){        super(props);        this.state={            eventos        }        try{            AsyncStorage.getItem(eventos).then((value)=>{                if(value!=null){                    console.log("Events esta completo")                }else{                    console.log("Events esta vacio")                }                this.setState({                    eventos:JSON.parse(value)                })            })        }catch(err){            console.log(err)        }    }parseEventsData(){        console.log("Deberia salir algo")        return this.state.events.map((eventos,i)=>{            return(                <View key={i}>                    <Text>                        {eventos.title}                    </Text>                    <Text>                        {eventos.responsible}                    </Text>                    <Text>                        {eventos.description}                    </Text>                </View>            )        })}render(){    return(        <View>            {this.parseEventsData()}            <Text>No salio nada</Text>                         </View>    );}}接下来是 Json。

Answer 1

检查您的代码，您会注意到状态变量被称为“eventos”，并且您正在通过“this.state.events”进行映射。只是一个错字。

Answer 2

你有几个问题：

1. 您的parseEventsData. 在其他任何地方你都叫它eventos，但在这里你叫它events。不确定您打算使用哪个，但不匹配意味着您的调用setState设置的属性与您稍后在parseEventsData.

2. 假设您修复了上面的错字，this.state.eventos一开始将是未定义的，并且在您在构造函数中的承诺解决之前不会被定义。当您调用时this.state.eventos.map，您正在调用 map 未定义的值，如您的错误所示。您需要在调用之前检查它是否未定义map，或者您应该将其初始化为一个空数组。