Skip to main content

getSelectedNodeData()

This hook returns the data of the currently selected node.


Example

import { useRef } from "react";
import { Palito } from "../palito/Palito.jsx";

const ExamplePage = () => {
const palitoRef = useRef(null);
const LICENSE_KEY = "key-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";

const handleGetData = () => {
if (palitoRef.current) {
const selectedNode = palitoRef.current.getSelectedNodeData();

console.log("--- Palito Library Data ---");
console.log("Selected Node:", selectedNode);
}
};

return (
<div>
<Palito
ref={palitoRef}
licenseKey={LICENSE_KEY}
/>
<div style={{ position: 'absolute', bottom: '40px', right: '20px', zIndex: 1000 }}>
<button onClick={handleGetData} style={{ padding: '10px 20px', fontSize: '16px' }}>
Get Data from Library
</button>
</div>
</div>
);
};

export default ExamplePage;
Example Output
Example output of getSelectedNodeData

Props

This hook does not accept any props.

NameTypeDescriptionDefault
(none)---

Return

Node