javascript - react native 如何处理对象和数组？

Question

我正在为我的大学学习积极创建一个 react 原生应用程序!在那使用外部api作为数据源。面临的问题是有时以单个对象获取数据，有时以数组格式获取数据。如何以 react 原生的 Angular 处理这个问题？
在映射 jsx 时，将其视为数组，但是当我获取对象时，它会引发错误

My data example:

const data = {         // this is example of single object 
   entry: {
      key: "0",
      value: "Patrik"
   }
}

const data = {         // this is example of array
   entry: [
   {
      key: "0",
      value: "Patrik"
   },
    {
      key: "1",
      value: "John"
   }],
}

所以这就是我从外部 api 获取数据的方式，现在我的 react 原生 jsx 代码:

     { data.entry.map(o => {
               <View key={o.key}>
                      <View style={{ paddingLeft: 25 }}>
                            <Text style={{ fontWeight: 'bold' }}>{o.value}</Text>
                      </View>
                  </View>

                }) 
      }

所以，当我得到数组时，它可以工作，但是当我得到对象时，这会引发错误!对此有什么帮助吗？

Answer 1

你应该这样做 Array.isArray(data.entry)检查您是否有一个对象数组或单个对象。并基于此执行逻辑。