Javascript 使用array.map的奇怪输出

我正在构建一个简单的react本地移动应用程序，并从异步存储中获取数据。下面是一个函数，用于在安装组件时获取数据

  getClassData = async id => {
    const allRegs = (await AsyncStorage.getItem("regs")) || "[]";
    const items = JSON.parse(allRegs);
    console.log("All REGS", items);
    const classData = items.map((y, i) => (
    <View key={i}>
     <Text>{y.email}, {y.name}</Text>
      </View>
    ));
    console.log('ALL DATA',str)
  };

但是在映射函数之后，在控制台中输出的是

所有数据

  Array [
   Object {
   "$$typeof": Symbol(react.element),
   "_owner": null,
   "key": "0",
   "props": Object {
     "children": Object {
    "$$typeof": Symbol(react.element),
    "_owner": null,
    "key": null,
    "props": Object {
    ......

为什么这不只是给我我想要的输出（只是一个简单的输出，包含视图和文本中的数据？谢谢。

const items=[
const items = [
       {
       name:'aaaa',
       email:'aaaa@gmail.com'
        },
       {
       name:<View>aksjdha</View>,
       email:'bbbb@gmail.com'
        },
       <View>qwds</View>
     ]


    let classData = items.map((y, i) => (
    <View key={i}>
     <Text>{y.email}, {y.name}</Text>
      </View>
    ));

{
名称:"aaaa",，
电邮:'aaaa@gmail.com'
},
{
姓名：aksjdha，
电邮:'bbbb@gmail.com'
},
qwds
]
让classData=items.map（（y，i）=>(
{y.email}，{y.name}
));

---

数组对象中有类似jsx的内容，请检查一次。

AsyncStorage返回一个承诺。您需要调用

。然后（）

，在准备就绪时获取值

getClassData = async id => {
    await AsyncStorage.getItem("regs").then((allRegs) => {
        const items = JSON.parse(allRegs);
        console.log("All REGS", items);
        const classData = items.map((y, i) => {
            return(
                <View key={i}>
                    <Text>{y.email}{y.name}</Text>
                </View>
            );
        });
        console.log('ALL DATA', str);
    });
};

getClassData=async id=>{
等待AsyncStorage.getItem（“regs”）。然后（（allRegs）=>{
const items=JSON.parse（allRegs）；
控制台日志（“所有注册表”，项目）；
const classData=items.map（（y，i）=>{
返回(
{y.email}{y.name}
);
});
console.log（'ALL DATA'，str）；
});
};

map工作正常确保通过正确的数组，可能是您的数组项有jsx。谢谢。我会检查一下

getClassData = async id => {
    await AsyncStorage.getItem("regs").then((allRegs) => {
        const items = JSON.parse(allRegs);
        console.log("All REGS", items);
        const classData = items.map((y, i) => {
            return(
                <View key={i}>
                    <Text>{y.email}{y.name}</Text>
                </View>
            );
        });
        console.log('ALL DATA', str);
    });
};