인프런 커뮤니티 질문&답변

import React, { Fragment } from "react";
import { Collapse, Checkbox } from "antd";

const { Panel } = Collapse;
function CheckBox(props) {
  const renderCheckbox = () => {
    console.log(props.list);
    props.list.map((prop, index) => {
      console.log(prop.name);
      <Checkbox.Group key={index} onChange>
        {prop.name}
      </Checkbox.Group>;
    });
  };

  return (
    <div>
      <Collapse defaultActiveKey={["1"]}>
        <Panel header="Continents" key="1">
          {renderCheckbox()}
        </Panel>
      </Collapse>
    </div>
  );
}

export default CheckBox;