类型错误：未定义不是函数(评估"this.state.tableData.map")

Question

我已经创建了来自API的表获取数组，但它给了我一个错误

那是类型错误：未定义不是函数（评估 'this.state.tabledata.map'）

我必须在我的Android中的反应状态中的表中显示被提取的数据 应用程序*

  <Table borderStyle={{ borderWidth: 2, borderColor: '#c8e1ff' }}>
      <Row data={this.state.tableHead} style={styles.head} textStyle={styles.text}/>
      <TableWrapper style={styles.wrapper}>
        <Col style={styles.col} textStyle={styles.text}
          data={this.state.tableData.map(function (object) {
            return (
                   <Text key={object.id}>   {object.deviceType}</Text>
                  );
        })}/>
        <Col style={styles.col} textStyle={styles.text} 
         data= {this.state.tableData.map(function (object) {
           return (
               <Text key={object.id}>   {object.InTime}</Text>    
             );
        })} />
        <Col style={styles.col} textStyle={styles.text}
           data={this.state.tableData.map(function (object) {
              return (
                <Text key={object.id}>   {object.OutTime}</Text>
                );
        })}/>
      </TableWrapper>
    </Table>

https://i.stack.imgur.com/thfsj.png

Answer 1

尝试将您的状态变量tableData初始化为构造函数内的空array。

constructor(props) {
    super(props);
    this.state = {
      tableData : []
     };
  }

还要从响应中检查您的tableData值，如果值为undefined，则不应为undefined。

另一件事是您可以参考简单的表实现，如果tableData是二维数组