Skip to main content

getProjectData()

This hook retrieves the entire Project data.

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 projectData = palitoRef.current.getProjectData();

      console.log("--- Palito Library Data ---");
      console.log("Project Data:", projectData);
    }
  };

  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
getProjectData의 예시

Props​

This hook does not accept any props.

NameTypeDescriptionDefault
(none)---

Return​

Project

The returned data is in the same format as when injected through setProject().
It includes the projectName, shipName, version information, and all related nodes/zones.