외부 컴포넌트를 DOM에 삽입합니다
import ReactDOM from 'react-dom';
import React from 'react';
gantt.config.columns = [
{name:"text", label:"작업 이름", tree:true, width:"*"},
{name:"start_date", label:"시작 시간", align: "center"},
{name:"duration", label:"기간", align: "center"},
{
name:"external", label:"요소 1", align: "center",
onrender: (item, node) => {
return <DemoButton
text="수정 1"
onClick={() => alert("React 컴포넌트로서의 요소")}
/>
}
}
];
gantt.config.external_render = {
// 요소가 React element인지 확인합니다
isElement: (element) => {
return React.isValidElement(element);
},
// React element를 DOM에 렌더링합니다
renderElement: (element, container) => {
ReactDOM.render(element, container);
}
};
external_render 객체는 다음과 같은 프로퍼티를 포함합니다:
v7.1에 추가됨
Back to top