Code for the "How to Render an Array of Objects in React?" Article.

passing-props.js

import React from "react";

function EmployeeList(props) {
  const employees = props.employees;

  const employeeList = employees.map((employee) => (
    <tr key={employee.name}>
      <td>{employee.name}</td>
      <td>{employee.age}</td>
      <td>{employee.position}</td>
    </tr>
  ));

  return (
    <div>
      <table>
        <thead>
          <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Position</th>
          </tr>
        </thead>
        <tbody>{employeeList}</tbody>
      </table>
    </div>
  );
}

export default EmployeeList;