Javascript 在组件中多次模拟useSelector的正确方法是什么?

Javascript 在组件中多次模拟useSelector的正确方法是什么?,javascript,react-native,unit-testing,jestjs,Javascript,React Native,Unit Testing,Jestjs,我有一个组件,它在渲染时发出两个useSelector调用。现在,我模拟了useSelector并成功地从2个调用中返回了2个单独的值,看起来如下所示: const Redux = require('react-redux'); const mockSelectorSpy = jest.spyOn(Redux, 'useSelector'); mockSelectorSpy.mockReturnValueOnce(userGuid).mockReturnValueOnce(user); 这

我有一个组件,它在渲染时发出两个useSelector调用。现在,我模拟了useSelector并成功地从2个调用中返回了2个单独的值,看起来如下所示:

const Redux = require('react-redux');
const mockSelectorSpy = jest.spyOn(Redux, 'useSelector');  
mockSelectorSpy.mockReturnValueOnce(userGuid).mockReturnValueOnce(user);
这是可行的,我可以注销返回值,但是,这会导致测试中断并抛出以下错误:

Warning: React has detected a change in the order of Hooks called by ProfileScreen. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks
    
       Previous render            Next render
       ------------------------------------------------------
    1. useState                   useContext
       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    
        in ProfileScreen (created by _class)
        in _class (created by _class2)
        in ThemeProvider (created by _class2)
        in _class2
        in Provider
如果我只调用第一个选择器调用,应用程序将运行,但测试失败,因为我需要第二个调用的数据


非常感谢任何提示。

在我看来,最好以以下方式模拟Redux存储的特定部分,这使得它在后续调用
useSelector
时是独立的(这可能是由测试运行期间发生的重新渲染引起的):

import*作为“react redux”中的redux
常量用户={
id:1,
名称:“用户”,
}
const state={user}
开玩笑
.spyOn(redux,“使用选择器”)
.mockImplementation((回调)=>回调(状态))

在我看来,最好以以下方式模拟Redux存储区的特定部分,这使得它在后续调用
useSelector
时独立(这可能是由于在测试运行期间发生的重新渲染造成的):

import*作为“react redux”中的redux
常量用户={
id:1,
名称:“用户”,
}
const state={user}
开玩笑
.spyOn(redux,“使用选择器”)
.mockImplementation((回调)=>回调(状态))

请提供测试中的代码。请提供测试中的代码。