Question

嗨我从reactjs开始。在使用react的基础知识后，我尝试使用dynamoDB处理reactjs。我正在处理的第一个查询是Select查询，并在html文件中呈现该表。所以现在我能够使用select查询从所需的表中获取json数组。但我不能以表格格式显示渲染数据，即我得到一个像下面这样的json数组，能够显示数据4281, taniv, secondary...但不能显示每个值的标题（id，name，class等），那么如何显示每个json值的标头。我希望它是动态的，因为我想显示数据库中的内容（如果某些属性不存在或缺少我不希望它显示）：

This an example I refered to get the data from db

 [
    {
      "id": 4281,
      "name": "taniv",
      "class": "secondary",
      "admission": 227,
      "telephone": "209-109-2322",
      "address": "11 first lane",
      "postCode": "5788009",
      "county": "UK",         
    }]

js

<div id="third" >
                    <label> Result </label>
                    <br />
                    <table>
                        <tbody>
                            <tr>
                                <th>  </th>   
                            </tr>
                            <tr>
                                {data.map((obj, y) => {
                                    return Object.keys(obj).map((x, y) => <td> {obj[x]} </td>)
                                })}    
                            </tr>
                        </tbody>
                    </table>
                    <Paginator>

Answer 1

我在codesandbox.io上为你做了example（：

据我所知，你试图使你的桌子完全动态。您基本上希望对象中的键是表头，相应的值是表行数据。请查看示例并告诉我这是否有帮助，如果您有任何疑问，可以在Twitter（@jonmajorc）上找到我。祝你好运！

使用reactjs渲染表

1 个答案: