Javascript 如何在数组中表示书籍内容
我有一组信息,我想在一个数组中表示它们,然后将它们拉到一个react原生平面列表中,但我不知道如何进行 基本上,有不同的标题和字幕,每个字幕都有一个内容。我想映射列表并显示它们 下面是到目前为止我的代码,但它似乎不起作用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”}, {名称:
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都没有通过名称映射