无法显示/隐藏map函数中的组件
无法显示/隐藏map函数中的组件
提问于 2019-02-21 02:21:28
我有一个包含文本、值对的项目数组。仅当文本不为空且value从不为空且正常显示时，我才需要显示文本。
var items= [
{id: 1, title: "title1", property: {text: null, value: 222}},
{id: 2, title: "title2", property : {text: "star", value: 123}},
{id: 3, title: "title3", property:{text: "sun", value: 456}},
{id: 4, title: "title4", property: {text: null, value: 789}}
];为此，我所做的是：
class DisplayItems extends Component {
render() {
return ({
items.map(item => {
return (
showIf(!isEmpty(item.property.text))(
<Text>
text: {item.property.text}
<Text />
),(
<Text>
value: {item.property.value}
<Text />
)
)
})
})
}
}但问题是，即使当item.property.text为空时，它也会进入showIf条件，并且如果文本中包含某些字符串，则不会呈现文本。showIf是一个内部函数，如果条件为假，它会隐藏组件。请帮助解决这个问题，因为我想渲染一个属性(文本)，但显示其他属性(值)，而不考虑条件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54792922
复制相关文章
相似问题