-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
console.log찍어보니 화살표함수로 된 renderCheckbox이 4번 발생하는데 그 이유를 못찾겠습니다.
21.02.23 16:58 작성 조회수 135
0
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;
CheckBox.js는 이렇게 작성되었습니다. 그런데
이렇게 하고 함수를 돌려보니 4번 발생하더라고요.
왜 이렇게 발생하는지 궁금해서 질문남겨봅니다.
답변을 작성해보세요.
답변 0