将外部组件插入到 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 元素
isElement: (element) => {
return React.isValidElement(element);
},
// 将 React 元素渲染到 DOM 中
renderElement: (element, container) => {
ReactDOM.render(element, container);
}
};
external_render 对象包含以下属性:
v7.1 中新增
Back to top