エラー「未定義のプロパティ 'createElement'を読み取れません」を示すJSXファイルに反応します

私が実行しているファイル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';

変更： import {React}を 'react' からimport して 'react'から import します。Reactはデフォルトのエクスポートであり、デフォルトのエクスポートに中括弧は必要ないためです。

'react'から複数のクラスをインポートする必要がある場合は、React以外のクラスにエイリアスを設定できます。何かのようなもの、

import React, * as react from 'react';

このエラーは不注意のために私に起こりました。それは実際に

import React from 'react';

ブラケットは、次のような名前付きエクスポート用です。

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