调用相同名称将返回相同的单例 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>;
}