模拟对象不能直接访问

Question

在 Jest 中，我有以下测试代码。我导入NativeModules：

import { NativeModules } from 'react-native';

然后，在每次测试之前，我都会向其中添加我自己的对象：

 beforeEach(() => {
    NativeModules.Dispatcher = {
        methodA: jest.fn(),
        methodB: jest.fn(),
        methodC: jest.fn()
    };
 });

在我正在测试的源代码中，我导入NativeModules：

import { NativeModules } from 'react-native';

我引用了我的模拟对象

class ClassThatIsTested {

   someMethod(parameter) {
      NativeModules.Dispatcher.methodA(parameter);
      //some other code
  }

}

这很好用。但是，如果我尝试直接引用模拟对象：

import { NativeModules } from 'react-native';
const { Dispatcher } = NativeModules;
class ClassThatIsTested {

   someMethod(parameter) {
     Dispatcher.methodA(parameter);
      //some other code
  }

}

失败了：

Dispatcher.methodA is not a function

如果我打印Dispatcher，我会得到undefined。

为什么会这样？为什么我不能直接访问模拟对象？

Answer 1

import NativeModules from 'react-native';

不正确，需要import the named export NativeModules，而不是默认导出：

import {NativeModules} from 'react-native';