为什么sectionlist在一行中呈现字符串react native

Question

我在react native中使用reduce函数逐查询创建组，然后创建节列表来显示数据，但我遇到了一些问题。我的代码

<View>
<SectionList
renderSectionHeader={({ section: { title} }) => (
<Text style={{ fontWeight: 'bold' }}>{title}</Text>
)}
sections={this.state.dataSource}
renderItem={({item, index, section}) => <Text key={index}>{section.data}</Text>}
keyExtractor={(item, index) => item + index}
/>
</View>
const dataSource = responseJson.old_cases.reduce(function (sections, item) {
let section = sections.find(section => section.gender === item.gender);

if (!section) {
section = { gender: item.gender,data:[] };
sections.push(section);
}

section.data.push(item.name)
return sections;
}, []);
this.setState({dataSource: dataSource // Pass the dataSource that we've processed above}); 

但我的输出和一样

title //header
name_1,name2
name_1,name2
title2 //header
name_3

输出我想要

title //header
name_1
name2
title2 //header
name_3

我只想在每个标题的每行显示一个名称，但根据我的代码，渲染效果很好，因为第一个标题有两条记录，所以它渲染了两次，但两个名称都在同一行上两次

Answer 1

您一次渲染节中的所有数据，一次只需要渲染一个项。

在您的公寓列表中：

renderItem={({item, index, section}) => <Text key={index}>{item}</Text>}