[Solved] Output multi-column table with React JS

2023/04/28 4:49

import React from 'react';

export function App(props) {
  let products = [
    {
      id: '194246',
      last_name: 'Name1'
    },
       {
      id: '194246',
      last_name: 'Name2'
    },
       {
      id: '194246',
      last_name: 'Name3'
    },
    {
      id: '194244',
      last_name: 'Name4'  

    },
  ];
  const arrayChunk = (arr, n) => {
    const array = arr.slice();
    const chunks = [];
    while (array.length) chunks.push(array.splice(0, n));
    return chunks;
  };
  return (
    <div className='App'>
      {arrayChunk(product, 3).map((row, i) => (
        <div key={i} className='row mx-auto'>
          {row.map((col, i) => (
            <span key={i}>[{col.id}]</span>
          ))}
        </div>
      ))}
    </div>
  );
}

// Log to console
console.log('Hello console');

 

Leave a Reply

Back to top