反应JSX文件给出错误“无法读取未定义的属性'createElement'”

我有一个要运行的文件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，这意味着...

导入React do import React from 'react'如果要导入的东西不是该模块或文件中的默认导出，请添加括号。如果有反应，这是默认的导出。

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

import React, { Component } from 'react'

这对我有用。不过，我不确定为什么它可以解决此问题。因此，如果您是偶然发现此问题的人，并且使用create-react-app作为您的开始样板，那么这种导入React的方法将可以解决问题。（截至18年10月，哈哈）

对于那些使用TypeScript使用ReactJS的人。

import * as React from 'react';

变化： 进口{}做出反应，从“反应” ，以 进口阵营从“反应” 因为REACT为默认的出口，你不需要任何默认出口大括号内。

如果需要从“ react”导入多个类，则可以为它们指定一个别名（React除外）。就像是，

import React, * as react from 'react';

由于粗心，这个错误发生在我身上。其实是

import React from 'react';

括号用于命名出口，例如：

import React, { useState, useEffect } from 'react';

React 默认情况下在该模块中导出，不需要{}。