如何使用数组元素在 React js 中填充表格视图？答案

【问题标题】：how to populate table view in react js using array elements?如何使用数组元素在 React js 中填充表格视图？
【发布时间】：2015-09-10 17:46:49
【问题描述】：

我目前正在使用 React js 编写 iOS 应用程序，如何使用标题数组填充列表视图？

这就是我的代码现在在列表视图中的文本：

View style={styles.rightContainer}>
  <Text style={styles.title}>{this.state.array }</Text>
</View>
// var array =   ["item1","item2","item3"];

这就是我获取数据的方式：

fetchData(){
    var  states_dictionary=['item1','item2','item3'];

    this.setState({
      dataSource: this.state.dataSource.cloneWithRows(states_dictionary),
      isLoading: false
    });
}

这就是列表视图现在的样子：

如何让它们正确显示？

请帮忙，提前谢谢！

【问题讨论】：

标签： ios reactjs react-native

【解决方案1】：

您需要在 ListView 中定义 renderRow - 类似于：

<ListView
  dataSource={this.state.dataSource}
  renderRow={(rowData) => 
      <View style={styles.rightContainer}>
         <Text style={styles.title}>{rowData}</Text>
      </View>
   }
/>

renderRow 闭包以数组的每个元素作为唯一参数调用，分别针对每一行。

【讨论】：