zrozumiecReact.pl

import { createContext } from "react";
import { Person } from "./Person";
import { DateContext } from "./context";

const people = [
  {
    id: 1,
    name: "Jan",
    dateOfBirth: "1990-01-01",
  },
  {
    id: 2,
    name: "Piotr",
    dateOfBirth: "1991-11-01",
  },
  {
    id: 3,
    name: "Kasia",
  },
];


export default function App() {
  const currentDate = new Date();

  return (
    <DateContext.Provider value={currentDate}>
      <h1>use i context</h1>
      {people.map((person) => (
        <Person
          key={person.id}
          name={person.name}
          dateOfBirth={person.dateOfBirth}
        />
      ))}
    </DateContext.Provider>
  );
}