调用相同名称将返回相同的单例 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>;
}
© 2026 Byeolnaerim. 保留所有权利.介绍隐私政策