setOptionalProperties()

이 Hook은 현재 프로젝트의 Optional Property 데이터를 입력한 데이터로 교체합니다.

---

Example

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

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

  const handleInjectData = () => {
    if (palitoRef.current) {
      palitoRef.current.setOptionalProperteis(exampleProperties);
    }
  };

  return (
    <div>
      <div>
        <Palito
          ref={palitoRef}
          licenseKey={LICENSE_KEY}
        />
      </div>
      {/* API 호출을 테스트하기 위한 버튼 추가 */}
      <div style={{ position: 'absolute', bottom: '40px', right: '20px', zIndex: 1000 }}>
        <button onClick={handleInjectData} style={{ padding: '10px 20px', fontSize: '16px' }}>
          Set Data
        </button>
      </div>
    </div>
  );
};

export default ExamplePage;

exampleProperties.json

[
    {
      "key": "Sample1",
      "label": "Sample Property1"
    },
    {
      "key": "Sample2",
      "label": "Sample Property2"
    }
]

Props

이름	유형	설명	기본값
properties	{ key: string; label: string; }[]	노드의 추가 속성 정보를 가진 객체 배열	-

Return

이 Hook은 Return 값을 받지 않습니다.