Javascript React-Native中条件渲染的映射
我在React Native中有一个组件,它涉及一个地图和对应于特定位置的标记。有些标记有多个应该渲染的项目/图像,而另一些标记有一个或没有。我可以在每个标记上进行渲染,但当存在多个标记时,我无法在标记上渲染我的项目 如果我运行控制台日志,例如,位置105在数组中有5个,位置104有4个,位置101有1个,位置106有0个。我想让它这样,它将返回一个5个标志在105,4在104在101,等等 目前我可以让它在每个位置返回Hello的文本,但这不是我想要做的。我在条件映射方面遇到问题Javascript React-Native中条件渲染的映射,javascript,reactjs,react-native,react-redux,Javascript,Reactjs,React Native,React Redux,我在React Native中有一个组件,它涉及一个地图和对应于特定位置的标记。有些标记有多个应该渲染的项目/图像,而另一些标记有一个或没有。我可以在每个标记上进行渲染,但当存在多个标记时,我无法在标记上渲染我的项目 如果我运行控制台日志,例如,位置105在数组中有5个,位置104有4个,位置101有1个,位置106有0个。我想让它这样,它将返回一个5个标志在105,4在104在101,等等 目前我可以让它在每个位置返回Hello的文本,但这不是我想要做的。我在条件映射方面遇到问题 addSu
addSupporters(markerLocation,teamImages){
var teamLogos=[]
对于(i=0;i }
当我们调用addSupporters()
时,可以返回一个对象,该对象的值为this.props.supportersGroups.MLS
,其中Groups.MLS[i]。homebar等于markerLocation.MapMarker.id
,并传递此数组以显示。对于这一变化,您的功能是
addSupporters(markerLocation, teamImages){
var teamLogos = []
this.props.supportersGroups.MLS.filter((mls)=>mls.homebar == markerLocation.MapMarker.id)
}
}
return teamLogos;
}
在render中,使用正确的参数和
render(){
let teamLogos = addSupporters(markerLocation, teamImages)
return(
...
{
teamLogos.map((logo)=><View>
<Text>{logo.name}</Text>
<Image
style={{width: 25, height: 25}}
source={logo.id]}
/>
</View>)
}
render(){
让团队徽标=添加支持者(markerLocation,teamImages)
返回(
...
{
teamLogos.map((徽标)=>
{logo.name}
)
}
大家好,欢迎来到SO!您可以帮助其他人更好地帮助您。制定一个清晰的问题,明确您想要实现的目标可能会有所帮助。您好,是的,对不起。我试图简明扼要,但没有发布我的整个组件。我做了一个更新,希望能更清楚一点。