Question

我不明白为什么我的循环只在我的循环中呈现我的索引[0] .... 我声明这是一个数组：

this.state = {
      days: ["Lundi","Mardi","Mercredi"]
    }

我想在我的组件中渲染每一天：

render(){
    for (let i = 0; i < this.state.days.length; i++) {
      console.log(this.state.days[i]);
      return (

        <Text>{this.state.days[i]}</Text>

      );

任何想法??

Answer 1

你用return命令打破循环，所以它只输入一次循环

Answer 2

因为您要在for {循环中返回breaks the loop

您最好使用地图

render() {
    return (
      <div>
        { 
          array.map(day => {
            return (
              <p>{day}</p>
            );
          })
        }
      </div>
    );
  }

Answer 3

你的渲染方法应该是这样的：

render(){
    return(
       <View>
         {this.state.days.map((item, index) => {
             <Text>{item}</Text>
           }
         )}
       </View>
    )

}

Answer 4

.render必须返回单个根节点。这样你就可以返回多个节点。

您需要做一些事情（将您的内容包装在div中）

  render() {
    return (
      <div>
        {
          this.state.days.map(d => <Text>{d}</Text>)
        }
      </div>
    );
  }

Answer 5

 render() {
        this.state = {
            days: ["jan","feb","Mar"]
          } 
        return (
          <View style={styles.container}>
              { 
              this.state.days.map(d => <Text>{d}</Text>)
            }
            </View>
        )
 }
}

对于循环in react-native渲染仅索引[0]

5 个答案: