小编noo*_*oob的帖子

嘿，也许有人可以帮我解决这个问题？我尝试使用自定义值和操作来模拟 zustand 商店。我想在我的测试文件中进行模拟。但我却惨遭失败。

这是我的反应应用程序的简化示例。

组件.jsx

import React from "react";
import useStore from "@app/component_store";

export default function Component() {
  const foo = useStore((state) => state.foo);
  const setFoo = useStore((state) => state.foo_set);

  return (
    <>
      <div data-testid="foo">{foo}</div>

      <button data-testid="btn-foo" onClick={() => setFoo("new foo")}>
        set foo
      </button>
    </>
  );
}

组件存储.jsx

import create from "zustand";

const useStore = create((set) => ({
  foo: "foo",
  foo_set: (value) => set(() => ({ foo: value })),
}));
export default useStore;

组件.test.jsx

/* global  afterEach, expect, jest, test …