react-native-table-component将Json数据导入表

时间:2019-02-26 10:00:31

标签: json react-native

我正在尝试将一些信息从Json文件导入到react-native-table-component的表中,我试图将其导入到ListView中并且可以工作,但是我想要一个看起来更好的表作为我的数据。首先,我的表的数据在顶部,编号为1-6,然后在fetchWorkOrder()函数中,im尝试将行更改为来自Json文件的数据。但是无论我尝试什么,我总是以表中未定义的对象结尾。

constructor(props){
super(props);
this.state = {
tableHead: [ 'Art', 'Prod', 'Hämtas', 'Lämnas', 'Mängd', 'Status'],
tableData: [
    ['1', '2', '3', '4', '5', '6'],
    ['1', '2', '3', '4', '5', '6']
]
}
}

componentDidMount(){
this.fetchWorkOrder();
//this.renderTable(); 
}

//https://gitlab.hiqkna.se/bth/bth-007-001/raw/master/workOrder.json
fetchWorkOrder(){
fetch("https://raw.githubusercontent.com/Digy95/Json-files/master/workOrder5.json")
.then((response) => response.json())
.then((response) => {
  this.setState({
    dataSource: response.workOrder1,
    tableData: [
        ['1', '2', `${response.workOrder1.articleNumber}`, '4', '5', '6'],
        ['1', '2', '3', '4', '5', '6']
    ]
  });
});
}

0 个答案:

没有答案