Javascript 如何在数组中表示书籍内容

Javascript 如何在数组中表示书籍内容,javascript,arrays,reactjs,react-native,react-native-flatlist,Javascript,Arrays,Reactjs,React Native,React Native Flatlist,我有一组信息,我想在一个数组中表示它们,然后将它们拉到一个react原生平面列表中,但我不知道如何进行 基本上,有不同的标题和字幕,每个字幕都有一个内容。我想映射列表并显示它们 下面是到目前为止我的代码,但它似乎不起作用 const NigLawList=({navigation})=>{ const[people,setPeople]=useState([ {法律:“证据法”,编号:“1”, 部分:[{name:“Title one”,意思是“Content is here”}, {名称:

我有一组信息,我想在一个数组中表示它们,然后将它们拉到一个react原生平面列表中,但我不知道如何进行

基本上,有不同的标题和字幕,每个字幕都有一个内容。我想映射列表并显示它们

下面是到目前为止我的代码,但它似乎不起作用

const NigLawList=({navigation})=>{
const[people,setPeople]=useState([
{法律:“证据法”,编号:“1”,
部分:[{name:“Title one”,意思是“Content is here”},
{名称:“标题2”,意思是:“内容就在这里”}
]
},
])
试试这种方法

const [data, setData] = useState([{"Law":"Evidence Act","id":"1","part":[{"name":"Title one","meaning":"Content is here"},{"name":"Title 2","meaning":"Content is here"}]}]);

renderSubtitleAndContent = (parts) => {
    return parts.map(part => {
      return (
        <View>
          <Text>{part.name}</Text> <-- Subtitle here -->
          <Text>{part.meaning}</Text> <-- Content here -->
        </View>
      );
    });
 };

<FlatList
        data={data}
        renderItem={({ item }) => (
          <Text>{item.Law}.</Text> <-- title here -->
          {this.renderSubtitleAndContent(item.parts)} <-- render Subtitle And Content -->
        )}
/>
const[data,setData]=useState([{“法律”:“证据法”,“id”:“1”,“部分”:[{“名称”:“第一篇”,“含义”:“内容在这里”},{“名称”:“第二篇”,“含义”:“内容在这里”}]);
renderSubtitleAndContent=(部分)=>{
返回parts.map(part=>{
返回(
{part.name}
{part.means}
);
});
};
(
{项目.法律}。
{this.renderSubtitleAndContent(item.parts)}
)}
/>

请提供您试图执行的代码的更多信息,并填写错误事实上,我还没有任何代码。我只是想知道我是否可以在react native flatlist中显示此类信息。请检查上面的图像。这很好,但所有flatlist都没有通过名称映射