React JSX文件给出错误"无法读取未定义的属性'createElement'"

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'在导入的内容不是该模块或文件中的默认导出时添加括号.如果出现反应,则为默认导出.

这可能适用于您的其他导入,具体取决于您的定义方式.

Answer 2

import React, { Component } from 'react'

这对我有用.我不知道为什么它修复了我的这个问题的版本.因此,如果你是偶然发现这个问题并且使用create-react-app作为起始样板的人,那么这种导入React的方法就可以了.(截至18年10月,哈哈)

Answer 3

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

import * as React from 'react';

Answer 4

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

import React from 'react';

括号用于命名导出，如下所示：

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

Answer 5

从 React 导入 React 时出现此问题，我将其放在大括号内。

请这样做：

import React, {useState} from "react";

代替：

import {React, useState} from "react";