สถานะที่ตั้งชื่อ
หากเรียกใช้ด้วยชื่อเดียวกันจะส่งคืน 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>;
}