État nommé

Appeler avec le même nom renvoie le même store singleton.

Mode nommé conçu pour les appels à l'intérieur des composants.

Le mode nommé peut être utilisé facilement à l'intérieur des composants React. En utilisant le même nom et la même option de stockage, il réutilise le même objet de retour pour la même entrée. Les mises à jour dépendant de la valeur précédente, comme l'augmentation des nombres, setCount((prev) => prev + 1) doivent être écrites sous cette forme.

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