multiplication and counting table with react.js

multip.js

import React from "react";



function NumberTable() {
  const row = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  const col = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11];

  return (
    <div>
      {col.map((ncol) => (
        <tr>{
          row .map(mrow => (<td>{mrow * ncol}</td>
          ))}
        </tr>
      ))}
    </div>
  );
}

export default NumberTable;

numbertable.js

import React from "react";




function NumberTable() {
  const row = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  const col =  [0, 1, 2,3, 4, 5, 6, 7, 8, 9];

  return (
    <div>
      {col.map((ncol) => (
        <tr>{
          row .map(mrow => (<td>&nbsp;{(mrow + (ncol*10))}&nbsp; </td>
          ))}
        </tr>
      ))}
    </div>
  );
}

export default NumberTable;