Named State

Memanggil dengan nama yang sama akan mengembalikan singleton store yang sama.

named mode yang dirancang berdasarkan panggilan di dalam komponen

Named mode dapat digunakan dengan nyaman di dalam komponen React. Menggunakan nama yang sama dan opsi penyimpanan yang sama akan menggunakan objek pengembalian yang sama dengan entri yang sama. Pembaruan yang bergantung pada nilai sebelumnya seperti peningkatan angka harus ditulis setCount((prev) => prev + 1) dalam bentuk.

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>;
}