Estado Nomeado

Chamar com o mesmo nome retorna o mesmo store singleton.

Modo nomeado projetado com base em chamadas internas de componentes.

O modo nomeado pode ser usado facilmente dentro de componentes React. Usando o mesmo nome e a mesma opção de armazenamento, reutiliza a mesma entrada e o mesmo objeto de retorno. Atualizações que dependem do valor anterior, como aumento de números, setCount((prev) => prev + 1) devem ser escritas dessa forma.

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