React JSX文件给出错误“无法读取未定义的属性'create element'”

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

import React, { Component } from 'react'

这对我起作用了。我不知道为什么它可以修复我的版本的这个问题，虽然。因此，如果您是一个偶然发现这个问题的人，并且您使用create-react-app作为您的开始样板，这种导入React的方式将会起到作用。（截至10月18日,lol）

Answer 2

要导入React do导入React from'React',当您要导入的东西不是该模块或文件中的默认导出时,您可以添加括号。在react的情况下，它是默认的导出。

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