如果条件在.map函数中，如何使用

Question

嗨，我使用的是下面的条件，但是屏幕上没有任何渲染。顺便说一句，领导者数组中有" mavi"

renderall() {           
  return this.state.leader.map(alb =>  {
    if(alb.Renk == 'MAVI') { 
        <View style={styles.container} key={counter = counter + 1}> 
          <Text style={[styles.textStyle, {marginLeft:'5%'}]}> {alb.Tescil_No}  </Text>
          <Text style={[styles.textStyle, {marginLeft:'6%'}]}> {alb.GumrukAdi}  </Text>
          <Text style={[styles.textStyle, { marginLeft:'5%'}]}> {alb.ACIKLAMA}   </Text>                                                
        </View>
    }
  });
}                                    

Answer 1

您缺少 .map中的返回。请注意，在if statement内，我正在返回所映射的项目。

renderall() {           
  return this.state.leader.map(alb =>  {
    if(alb.Renk == 'MAVI') {
      return (    
        <View style={styles.container} key={counter = counter + 1}> 
          <Text style={[styles.textStyle, {marginLeft:'5%'}]}> {alb.Tescil_No}  </Text>
          <Text style={[styles.textStyle, {marginLeft:'6%'}]}> {alb.GumrukAdi}  </Text>
          <Text style={[styles.textStyle, { marginLeft:'5%'}]}> {alb.ACIKLAMA}   </Text>                                                
          </View>
      );
    }
  });
}

本文更详细地解释了.map功能如何工作https://codeburst.io/learn-understand-javascripts-map-function-function-ffc059264783

这是一个非常小的示例，展示了如何使用.map函数。注意返回声明。

let leaders = ['Tom','Jerry','Mike'];
let mappedLeaders = leaders.map((leader, index) => {
  return `${leader} is number ${index}`; // notice that I am returning here
})
console.log(mappedLeaders)

这是在其中使用带有if statement的.map的示例。请注意，我们将在mappedLeaders中的第一项获得undefined，因为我们没有为第一项返回任何内容，因为 TOM 由于他的名字太短而被排除在外。

let leaders = ['Tom','Jerry','Mike'];
let mappedLeaders = leaders.map((leader, index) => {
  if (leader.length > 3) {
    return `${leader} is number ${index}`; // notice that I am returning here
  }
});
console.log(mappedLeaders)