สถานะที่ตั้งชื่อ

หากเรียกใช้ด้วยชื่อเดียวกันจะส่งคืน singleton store เดียวกัน


โหมดที่ตั้งชื่อออกแบบตามการเรียกภายในคอมโพเนนต์

โหมดที่ตั้งชื่อสามารถใช้งานได้ง่ายภายในคอมโพเนนต์ React หากใช้ชื่อเดียวกันและตัวเลือกการจัดเก็บเดียวกันจะใช้คืนวัตถุที่เหมือนกันและการเข้าถึงเดียวกัน การอัปเดตที่ขึ้นอยู่กับค่าก่อนหน้า เช่น การเพิ่มตัวเลข setCount((prev) => prev + 1) ให้เขียนในรูปแบบนี้.

tsx
import { createRxState } from "@byeolnaerim/global-rx-state";

function A_Component() {
  const { setCountInner, useCountInner } = createRxState(0, "countInner", { storage: "auto" });
  const countInner = useCountInner();

  return (
    <button onClick={() => setCountInner((prev) => prev + 1)}>
      {countInner}
    </button>
  );
}

function B_Component() {
  const { useCountInner } = createRxState(0, "countInner", { storage: "auto" });
  const countInner = useCountInner();

  return <span>현재 count: {countInner}</span>;
}