如何使用数组元素在 React JS 中填充 table 视图？

Question

我目前正在使用 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
    });
}

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

如何使它们正确显示？

请帮忙，提前致谢！

Answer 1

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

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

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

如何使用数组元素在 React JS 中填充 table 视图？

how to populate table view in react js using array elements?

ios

reactjs

react-native