gpt4 book ai didi

javascript - 如何在 if 语句中渲染某些内容 React Native

转载 作者:太空狗 更新时间:2023-10-29 15:50:24 26 4
gpt4 key购买 nike

问题

我在 React Native 中使用平面列表,并想与平面列表中的变量进行比较,如果两个变量相等则渲染文本组件,如果不相等则不渲染任何内容。我已经尝试了很多方法来做到这一点,但没有任何效果。我希望得到一些帮助,找出一种方法来做到这一点!谢谢。

最佳答案

立即想到的几种方式。我只是假设您要比较的是什么,但您可以随意切换这些变量。您可以做的第一件事是让您的文本在 Text 组件 EG

中是有条件的
<Text>{this.state.variable == this.props.stuff ? "RENDER TEXT" : ""}</Text>

或者,如果你想在变量不相等时发出 Text 组件,在你的类中有一个函数将有条件地返回 Text 组件

renderMessage = () => {
if(this.state.variable == "stuff"){
return(
<Text>They were equal</Text>
);
}else{
return(
<View></View> // OR WHATEVER YOU WANT HERE
);
}
}
...
//Then in your render function
....
<View style = {styles.whatever}>
{this.renderMessage()}
</View>

关于javascript - 如何在 if 语句中渲染某些内容 React Native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47586437/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com