import React, { Component } from "react";
import personContext from "../contexts/PersonContext";

class ContextTypeComponent extends Component {
// static contextType 은 여러개를 지정할 수 없다.
  //   static contextType = personContext;
  render() {
    const persons = this.context; // this.context 로 가져올 수 있다.
    return (
      <ul>
        {persons.map((person) => (
          <li>{person.name}</li>
        ))}
      </ul>
    );
  }
}

export default ContextTypeComponent;

ContextTypeComponent.contextType = personContext;