Javascript 不变冲突：必须在组件内呈现文本字符串

我正在尝试打印从1到10的数字，以便用户可以按其中任何一个。 然而，我得到的错误是

不变冲突：文本字符串必须在

组成部分

下面是render中的代码

render(){
         let arr=[];
         for(let index=1;index<=this.state.max_rating;index++){
             arr.push(
                 <TouchableOpacity
                      activeOpacity={0.7}
                      key={index}
                      onPress={this.UpdateRating.bind(this, index)}>
                      <Text key={index}>
                        {'lol'}
                      </Text>
                   >
                </TouchableOpacity>
              );
         }

         return(
             <View style={styles.MainContainer}>
              <Text> The code is working man </Text>
              <View style={styles.childView}>{arr}</View>
             </View>
         );
     }

render（）{
设arr=[]；
对于（设索引=1；索引
);
}
返回(
代码是工作的人
{arr}
);
}

您的代码中有一个轻微的语法问题

for(let index=1;index<=this.state.max_rating;index++){
         arr.push(
             <TouchableOpacity
                  activeOpacity={0.7}
                  key={index}
                  onPress={this.UpdateRating.bind(this, index)}>
                  <Text key={index}>
                    {'lol'}
                  </Text>
               > <-- extra character which is treated as a string giving you the warning
            </TouchableOpacity>
          );
     }

---

对于（让index=1；在
组件中呈现的index

字符，它将正常工作

代码中有一个额外的>，请参见此，它工作正常