Android 反应本机,限制外部文档的JSON输出

Android 反应本机,限制外部文档的JSON输出,android,json,react-native,react-native-flatlist,Android,Json,React Native,React Native Flatlist,我试图将JSON内容输出到一个平面列表中,如react native docs中所述。我面临的问题不是将内容输出到页面,而是试图限制从每个JSON字段输出的数据量 例如,有4种状态,身体、心理、情感和精神。我试图只输出第一个元素,因此在本例中为物理元素,或[0] 我有以下代码,它将输出所有4个值,并且我很难将值限制为仅第一个元素: <FlatList data={this.state.dimensionJson} renderItem={({item}) => <Text st

我试图将JSON内容输出到一个平面列表中,如react native docs中所述。我面临的问题不是将内容输出到页面,而是试图限制从每个JSON字段输出的数据量

例如,有4种状态,身体、心理、情感和精神。我试图只输出第一个元素,因此在本例中为物理元素,或[0]

我有以下代码,它将输出所有4个值,并且我很难将值限制为仅第一个元素:

<FlatList
data={this.state.dimensionJson}
renderItem={({item}) => <Text style={[styles.dimensionTitle, { color: progress[3] }]}>{item.type}</Text>}
keyExtractor={({id}, index) => id}
/> 
最后,我的JSON如下所示:

{
  "description": "Begin by identifying  the dimension of energy you would like to address. Your scores can guide the way.",
  "title": "Choose a Dimension",
  "dimensions": [
    {
      "id": "0",
      "type": "Physical",
      "desc": "Physical energy is the quantity of  energy. This dimension shapes our sustainability and long-term productivity."
     },
    {
      "id": "1",
      "type": "Mental",
       "desc": "Mental energy is the focus of our energy. It influences our 
concentration, control of attention, and the likelihood of making mistakes."
    },
    {
      "id": "2",
      "type": "Emotional",
      "desc": "Emotional energy is the quality of our energy. It affects how 
resilient we are, especially when faced with complexity."
    },
    {
      "id": "3",
      "type": "Spiritual",
      "desc": "Spiritual energy is the energy we derive from serving a  
greater purpose. It inspires us and answers the question ‘Why do I get out 
of bed each morning?"
    }
  ]
 }
尝试切片数据

 <FlatList
                        data={this.state.dimensionJson.slice(0,1)}
                        renderItem={({item}) => <Text style={[styles.dimensionTitle, { color: progress[3] }]}>{item.type}</Text>}
                        keyExtractor={({id}, index) => id}
                        /> 
{item.type}
keyExtractor={({id},索引)=>id}
/> 
尝试切片数据

 <FlatList
                        data={this.state.dimensionJson.slice(0,1)}
                        renderItem={({item}) => <Text style={[styles.dimensionTitle, { color: progress[3] }]}>{item.type}</Text>}
                        keyExtractor={({id}, index) => id}
                        /> 
{item.type}
keyExtractor={({id},索引)=>id}
/> 

谢谢你的建议,不幸的是这不太管用。我试图在数据上实现它,但收到一个TypeError:undefined不是对象,然后我将它移动到{item.type.slice(0,1)}中,它的输出与{item.type[1]}基本相同。我试图输出整个单词“物理”而不是其他任何东西,与第一个字符相反,{item.type}输出什么?@sold它输出物理、心理、情感和精神。我希望它输出的只是物理谢谢你的建议,不幸的是这不太管用。我试图在数据上实现它,但收到一个TypeError:undefined不是对象,然后我将它移动到{item.type.slice(0,1)}中,它的输出与{item.type[1]}基本相同。我试图输出整个单词“物理”而不是其他任何东西,与第一个字符相反,{item.type}输出什么?@sold它输出物理、心理、情感和精神。我希望它只输出物理{item.type}输出什么?哪个state元素保存着json数据?@sold如果我认为您已经引导我找到了问题的原因,我可能需要在state内部创建一个数组来保存数据,然后像普通数组一样解析数据。我不完全确定它是否会起作用,但我今天要给它一次机会。当您得到响应时,将响应存储在一个状态中。然后,通过该数组映射{item.type}输出什么?哪个state元素保存着json数据?@sold如果我认为您已经引导我找到了问题的原因,我可能需要在state内部创建一个数组来保存数据,然后像普通数组一样解析数据。我不完全确定它是否会起作用,但我今天要给它一次机会。当您得到响应时,将响应存储在一个状态中。然后,通过该数组进行映射