reactjsを使用してテーブルをレンダリングする

Question

こんにちは、私はreactjsで始まっています。反応の基礎から作業した後、私はdynamoDBとの反応を研究しようとしています。最初のクエリの仕事はSelectクエリであり、htmlファイルでテーブルをレンダリングします。だから今すぐ私はselectクエリを使用して、希望のテーブルからjsonの配列を取得することができます。しかし、私はテーブル形式で表示されたデータを表示できません。つまり、以下のようなjson配列を取得し、データを表示することができます。4281, taniv, secondary...しかし、各値（ID、名前、クラスなど）各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",   
    }] 

私はあなたが完全にあなたのテーブルを作成しようとしている理解し何から：私は（あなたのためcodesandbox.ioにexampleを作っ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

動的。基本的には、オブジェクト内のキーをテーブルヘッダとし、それに対応する値をテーブル行データにする必要があります。この例をチェックアウトし、これが役立つかどうか、またはあなたがTwitterで私を見つけることができる質問がある場合はお知らせください（@jonmajorc）。がんばろう！