javascript - React JSX 文件给出错误 "Cannot read property ' createElement' of undefined"

Question

我有一个文件 test_stuff.js，我正在使用 npm test

运行它

它看起来像这样:

import { assert } from 'assert';
import { MyProvider } from '../src/index';
import { React } from 'react';

const myProvider = (
  <MyProvider>
  </MyProvider>
);

describe('Array', function() {
  describe('#indexOf()', function() {
    it('should return -1 when the value is not present', function() {
      assert.equal(-1, [1,2,3].indexOf(4));
    });
  });
});

不幸的是，我得到了错误

/Users/me/projects/myproj/test/test_stuff.js:11
var myProvider = _react.React.createElement(_index.MyProvider, null);
                             ^

TypeError: Cannot read property 'createElement' of undefined
    at Object.<anonymous> (/Users/me/projects/myproj/test/test_stuff.js:7:7)

这是什么意思？我成功地从“react”导入 React，那么为什么 React 会未定义？它是 _react.React，不管它是什么意思...

Answer 1

要导入 React，请执行 import React from 'react' 当您导入的内容不是该模块或文件中的默认导出时，您可以添加方括号。在 react 的情况下，它是默认导出。

这可能适用于您的其他导入，具体取决于您如何定义它们。