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

Posted 2023-03-15

【中文标题】如何使用数组元素在 React js 中填充表格视图？

【英文标题】：how to populate table view in react js using array elements?

【发布时间】：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
    );

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

如何让它们正确显示？

请帮忙，提前谢谢！

【参考方案1】：

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

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

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