React 外部如何调用 render(){ return( function2 ) } 内部的 function2 ?

Question

目标:通过触发　onDragStart = {this.onDragStart},执行更新函数２
若在<Tree>标签内不通过onDragStart,能直接调用函数２,当然也可以,<Tree> 标签是antdesign提供标签.

如果可以,如何操作?
底部有详细解释

classFlowItemPanelextendsReact.Component　{
    onDragStart = info => {  // 我是函数１
    }

    render(){   
        return(　
　　　　　　<ItemPanel> 　　　　　//GG-Editor拖动结构　
            <Item>　　　　　　　//<Item>底部有展示
            function2()　　　　　　　　　　　　// 我是函数２
            </Item>
          </ItemPanel>
          
          <Tree                //树菜单
          draggable
          defaultExpandAll="true"
          onDragStart = {this.onDragStart}// 调用函数１
          >
           <TreeNode title="数据主题" key="0-0">
          </Tree>
　　　　

        )
    }

}
exportdefaultFlowItemPanel;

=====================================
还是GG-Editor拖动问题.将原左侧图形换成树型菜单.

１.已换成文字,将<Item>换成双标签,内加文字就可以了.
２.放入antD树型可拖动菜单,正常显示,能拖.只是右侧画布无法识别.因为需要特定结构.所以设置树型菜单当拖时调用方法(onDragStart = {this.onDragStart}),return返回一个GG-Editor要求的结构即<ItemPanel><Item></Item><ItemPanel>.但此时返回的函数在render{return()}外部,无法返回到return()里.所以想再次调用一个在return()内部的函数.

<Item>结构:

<Item
          type="node"
          size="72*72"
          shape="flow-circle"
          model={{
            color: "#FA8C16",
            label: "车辆信息表",
            id: '111111'
          }}
        >
        <span style={{"user-select" : "none"}}>666数据表文件</span>
</Item>