Javascript React-Native中条件渲染的映射

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

我在React Native中有一个组件,它涉及一个地图和对应于特定位置的标记。有些标记有多个应该渲染的项目/图像,而另一些标记有一个或没有。我可以在每个标记上进行渲染,但当存在多个标记时,我无法在标记上渲染我的项目

如果我运行控制台日志,例如,位置105在数组中有5个,位置104有4个,位置101有1个,位置106有0个。我想让它这样,它将返回一个5个标志在105,4在104在101,等等

目前我可以让它在每个位置返回Hello的文本,但这不是我想要做的。我在条件映射方面遇到问题

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!您可以帮助其他人更好地帮助您。制定一个清晰的问题,明确您想要实现的目标可能会有所帮助。您好,是的,对不起。我试图简明扼要,但没有发布我的整个组件。我做了一个更新,希望能更清楚一点。