使用RN隐藏使用条件语句的元素

Question

我需要在touchableOpacity中显示一个图标只有当使用函数返回值作为参数传递值为True时。

请指导我，因为它显示了一些错误与renderIcon（）函数。

const CardTitle = ({ titleText, EditButton = false }) => { 
    if (EditButton === true) { 
    this.state = { 
    status: true, 
} 
    } 
renderIcon() { 
if (EditButton) { 
    return 
    (<Text style={styles.IconStyle}>{"\ue90b"} </Text>); 
} 
    } 
return (
<View style={styles.container}> 
    <Text style={styles.HeadingStyle}> 
    {titleText} 
    </Text> 
    <TouchableOpacity> 
    {this.renderIcon()} 
    </TouchableOpacity> 
</View> 
    ); 
    }; 

这可能是一些syntatical错误太..

Answer 1

尝试改变你的代码

{this.renderIcon()} 

与此

{EditButton ? <Text style={styles.IconStyle}>{"\ue90b"} </Text> : <View />} 

也许这个代码能够解决您的问题