我是 React Native 的新手。我的目标是在 React Native 中以表格格式显示下面的对象数组。我正在使用 React-Native-Paper 的 DataTable。
var accounts=[
{
"accNumber": "56456454",
"accType": "D",
"productCode": "1454541",
"availBalance": "987436.46",
},
{
"accNumber": "12424345645",
"accType": "D",
"productCode": "154545641",
"availBalance": "500397.64",
},
{
"accNumber": "4554545664",
"accType": "D",
"productCode": "44545",
"availBalance": "2467.02",
}
]
我已经尝试过了,但它仍然显示错误:
<DataTable>
<DataTable.Header>
<DataTable.Title >
<Text style={styles.text}>Account</Text>
</DataTable.Title>
<DataTable.Title >
<Text style={styles.text}>Code</Text>
</DataTable.Title>
<DataTable.Title >
<Text style={styles.text}>Available Balance</Text>
</DataTable.Title>
</DataTable.Header>
{
accounts.map(account=>{
return(
<DataTable.Row>
<DataTable.Cell>{account.accNumber}</DataTable.Cell>
<DataTable.Cell>{account.productCode}</DataTable.Cell>
<DataTable.Cell>{account.availBalance}</DataTable.Cell>
</DataTable.Row>
)
})}
</DataTable>
请建议以 React Native 支持的表格格式显示帐户数据的方式。除了DataTable,还有其他方法可以将数据映射为表格格式吗?
Expected Result:
Account Code Available Balance
56456454 1454541 987436.46
12424345645 154545641 500397.64
4554545664 44545 2467.02