How to access click event from NodeTemplate custom node in react

[akash-int]

Hi @dabeng I want to achieve this kind of functionally. Can you please help me out. I'm new to react & unable to find any solution.

// parent class const ParentClass = () => { const showForm = (event) => { console.log('showForm'); };

return(
   <OrganizationChart
       ref={orgchart}
       datasource={ds
       NodeTemplate={MyNode}
   </>
);

}

// NodeTemplate class const MyNode = () => { <div onClick={showForm}>Show Form // want to click a button event }

MyNode.propTypes = propTypes; export default MyNode;

Thanks in advance.

[wirasut-w]

Try this

const ParentClass = () => {
     const showForm = (event) => {
          console.log('showForm');
     };

     return(
          <OrganizationChart
               ref={orgchart}
               datasource={ds}
               NodeTemplate={(nodeData) => <MyNode nodeData={nodeData.nodeData} showForm={showForm} />}
          />
     );
}

const MyNode = ({nodeData, showForm}) => {
     return (
          <button onClick={showForm}>Click me</button>
     )
}

[MudulOzan]

@InfinityKn you rock mate