我如何以数组格式表示这些数据

Question

Good day guys! I have a list of data which i want to hard code into a react native app but i dont know how to represent the data in an array. I hope you can help me out.

So there is a title and subtitles in the array. Here is an example

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"
    }]
}])

The above code does no work well for me. The flatlist does not map through the "part". It only displays the first part.

Please is is there a better way to represent this type of data in an array. I will really appreciate your help...

Answer 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()} />

This is what i have now. I just want to display all the item.part[0]name and item.part[0]meaning in different pages