How to render table from json array? : <p>I've JSON array and I need to render it to table using React </p>

<pre><code>lockers: [
        { id: 1, status: 0, size: "s" },
        { id: 2, status: 0, size: "m" },
        { id: 3, status: 0, size: "l" },
        { id: 4, status: 0, size: "s" },
        { id: 5, status: 0, size: "m" },
        { id: 6, status: 0, size: "l" },
        { id: 7, status: 0, size: "s" },
        { id: 8, status: 0, size: "m" },
        { id: 9, status: 0, size: "l" },
        { id: 10, status: 0, size: "s" },
        { id: 11, status: 0, size: "m" },
        { id: 12, status: 0, size: "l" },
        { id: 13, status: 0, size: "xl" }
      ]
</code></pre>

<p>I expect the output like this, please help</p>

<pre><code>s    m   l  xl
1    2   3   13
4    5   6   -
7    8   9   -
10   11  12  -
</code></pre>
