如何使用reactjs将对象数组打印到我的表中？

Question

我只想打印从firebase获得的数组。您可以在图像中看到数组数据。

其中我将json对象数据轻松转换为数组，但我无法在表中打印数组数据。 如果我在标记上运行console.log命令，那时它会打印控制台数据，但是不打印我从firebase获取的数组值，或者你可以说从firebase获取。 我想在表格中打印这些数据。

＆＃13;

＆＃13;

|                          FOOD |                      XXX |
|-------------------------------|--------------------------|
|        Lemon(USD4)(RM16)(SG8) |        Lemon(USD4)(RM16) |
| Melon(RM40)(SG20)(USD10)(EU5) | Melon(RM40)(SG20)(USD10) |
|            Orange(USD7)(RM28) |             Orange(USD7) |
|                   Apple(USD2) |                    Apple |
|                         Grape |                    Grape |

＆＃13;

＆＃13;

＆＃13;

Answer 1

你用错误的方法重复元素。如果您想要loop到array元素，那么您应该使用array.map方法。你可以在这里找到一些关于我们如何print a list of elements in react的参考。

Answer 2

您可以使用地图

来完成

this.state.data.map(function(key,map) {
    <table>
        <tr></tr>
        <td>{map.name}</td?
        ....whole code
    </table>
})