Benannter Zustand

Wenn Sie mit demselben Namen aufrufen, erhalten Sie denselben Singleton-Store.

Benannter Modus, der auf internen Aufrufen in Komponenten basiert

Der benannte Modus kann bequem innerhalb von React-Komponenten verwendet werden. Wenn Sie denselben Namen und dieselbe Speicheroption verwenden, wird dasselbe Entry und dasselbe Rückgabeobjekt wiederverwendet. Updates, die von vorherigen Werten abhängen, sollten setCount((prev) => prev + 1) in dieser Form geschrieben werden.

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