【问题标题】:How can i represent this data in array format我如何以数组格式表示这些数据
【发布时间】:2020-11-02 13:58:28
【问题描述】:

大家好!我有一个数据列表,我想将其硬编码到反应本机应用程序中,但我不知道如何在数组中表示数据。我希望你能帮助我。

所以数组中有一个title和subtitles。这是一个例子

const [people, setPeople] = useState([{
    title: "Evidence Act", 
    id: "1",
    subtitle:[{
        part: "Introduction cc", 
        meaning: "how are you don"
    }, {
        part: "Introduction bb", 
        meaning: "how are you don"
    }]
}])

上面的代码不适合我。平面列表不通过“部分”进行映射。它只显示第一部分。

请问有没有更好的方法在数组中表示这种类型的数据。非常感谢您的帮助...

【问题讨论】:

  • 分享硬编码数据示例
  • 你必须在平面列表中显示什么数据?人物还是字幕?
  • 我想显示所有数据。所以在屏幕 1 中我想显示“标题”。然后我想在屏幕 2 中显示“字幕”,在屏幕 3 中显示“部分”,然后在屏幕 4 中显示“含义”
  • 分享您的代码,以便为您提供帮助
  • 非常感谢。请我的代码在下面

标签: javascript arrays reactjs react-native react-native-flatlist


【解决方案1】:

  const [people, setPeople] = useState([
      {Law: "Evidence Act", id: "1",
      part:[ {name: "Introduction cc", meaning: "how are you don"},
      {name: "Introduction bb", meaning: "how are you don"}
      
    ]

},
])
  
    return (
      <FlatList
      numColumns={1}
      keyExtractor={(item) => item.id} 
      data={people} 
      renderItem={({ item }) => (
      <List >

          <ListItem onPress={() => navigation.navigate('NigLawParts', item)}>
           
              <Text  style={{
            fontSize: 20,
            }}>{item.Law}</Text>
             
          </ListItem>

          </List>
      )}





      keyExtractor={(item, index) => index.toString()}
    />

这就是我现在所拥有的。我只想在不同的页面中显示所有 item.part[0]name 和 item.part[0] 含义

【讨论】:

    猜你喜欢
    • 2019-11-07
    • 2022-07-11
    • 2011-08-18
    • 1970-01-01
    • 1970-01-01
    • 2019-05-29
    • 2013-06-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多