Javascript 无法添加不包含'；我没有酸奶

这是我的职责：

  getIndicators(){
    const {pages} = this.state
    var indicators = null
    for(var i = 0 ; i < pages.length ; ++i){
      if(pages[i].active)
        indicators += <View style={styles.activeCircle} />
      else
        indicators += <View style={styles.inActiveCircle} />  
    }

    return indicators;
  }

 <View style={{width:'70%',height:'100%',justifyContent:'center',flexDirection:'row',alignSelf:'center',alignItems:'center',backgroundColor:'#fff'}}>
  {this.getIndicators()}
 </View>

但我得到了这个错误信息：

无法将没有子对象的子对象添加到没有子对象的父对象 量

---

我必须使用这个函数。没有它，我必须编写硬代码。

问题在于您将视图连接在一起。它们需要添加到数组中。此外，如果在项目上循环，则需要具有唯一的键属性，我已在下面更新的

getIndicators

函数中添加了该属性

如果您将

getIndicators

函数更新为以下内容，它应该可以工作

getIndicators = () => {
  const {pages} = this.state
  var indicators = []
  for(var i = 0 ; i < pages.length ; ++i){
    if(pages[i].active)
      indicators.push(<View key={i} style={styles.activeCircle} />)
    else
      indicators.push(<View key={i} style={styles.inActiveCircle} />)  
  }
  return indicators;
}

getIndicators=（）=>{
const{pages}=this.state
var指标=[]
对于（变量i=0；i

问题在于您将视图连接在一起。它们需要添加到数组中。此外，如果在项目上循环，则需要具有唯一的键属性，我已在下面更新的

getIndicators

函数中添加了该属性

如果您将

getIndicators

函数更新为以下内容，它应该可以工作

getIndicators = () => {
  const {pages} = this.state
  var indicators = []
  for(var i = 0 ; i < pages.length ; ++i){
    if(pages[i].active)
      indicators.push(<View key={i} style={styles.activeCircle} />)
    else
      indicators.push(<View key={i} style={styles.inActiveCircle} />)  
  }
  return indicators;
}

getIndicators=（）=>{
const{pages}=this.state
var指标=[]
对于（变量i=0；i

您是否尝试将

指标

初始化为空数组而不是

null

？是否尝试将

指标

初始化为空数组而不是

null

？