Javascript 使用react native创建可扩展列表
我提供了一个带有此代码的项目列表Javascript 使用react native创建可扩展列表,javascript,list,reactjs,react-native,expandable,Javascript,List,Reactjs,React Native,Expandable,我提供了一个带有此代码的项目列表 <View> <Text style={styles.sectionHeadingStyle}> Categories </Text> <View style={styles.navSubSectionStyle}> {data.categories.map(category => <T
<View>
<Text style={styles.sectionHeadingStyle}>
Categories
</Text>
<View style={styles.navSubSectionStyle}>
{data.categories.map(category =>
<Text key={category.id} >
{ (JSON.parse(category.name)) }
</Text>
)}
</View>
类别
{data.categories.map(category=>
{(JSON.parse(category.name))}
)}
当我点击“类别”文本时,我希望能够通过动画展开/折叠列表。是否有任何react本地元素用于此操作?您可以使用npm包,如将初始崩溃状态设置为false
handleClick = () => {
this.setState({
collapse: !this.state.collapse
})
}
<View>
<TouchableHighlight onClick={this.handleClick}>
<Text style={styles.sectionHeadingStyle}>
Categories
</Text>
</TouchableHighlight>
</View>
{
this.state.collapse ?
<View style={styles.navSubSectionStyle}>
{data.categories.map(category =>
<Text key={category.id} >
{ (JSON.parse(category.name)) }
</Text>
)}
</View>
: null
}
</View>
handleClick=()=>{
这是我的国家({
崩溃:!this.state.collapse
})
}
类别
{
这个国家崩溃了?
{data.categories.map(category=>
{(JSON.parse(category.name))}
)}
:null
}
这里的
有些混乱。