React JSX dosyası "Tanımlanmamış 'createElement' özelliği okunamıyor" hatası veriyor

Çalıştırdığım bir test_stuff.js dosyam var npm test

Hemen hemen şuna benziyor:

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));
    });
  });
});

Maalesef hatayı alıyorum

/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)

Bu ne anlama geliyor? React'i 'react'ten başarıyla içe aktarıyorum, öyleyse neden React tanımsız olsun? Bu _react.React, her ne anlama geliyorsa ...

React'i içe aktarmak için İçe import React from 'react'aktardığınız şey o modül veya dosyada varsayılan dışa aktarma olmadığında parantez eklersiniz. Tepki verme durumunda, varsayılan dışa aktarmadır.

Bu, onları nasıl tanımladığınıza bağlı olarak diğer ithalatlarınız için geçerli olabilir.

import React, { Component } from 'react'

Bu benim için çalıştı. Yine de bu sorunun benim versiyonumu neden düzelttiğinden emin değilim. Dolayısıyla, bu soruna rastlayan biriyseniz ve başlangıç ​​şablonunuz olarak create-react-app'i kullanıyorsanız, React'i içe aktarmanın bu yolu işe yarayacaktır. (Ekim '18 itibariyle, lol)

ReactJS'yi TypeScript ile çalışanlar için.

import * as React from 'react';

Bu hata, dikkatsizlik yüzünden başıma geldi. Aslında

import React from 'react';

Parantezler, aşağıdaki gibi adlandırılmış dışa aktarmalar içindir:

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

Değiştir: {React} ' i ' react'ten içe aktararak 'react'ten React'i içe aktarın çünkü React varsayılan bir dışa aktarmadır ve varsayılan dışa aktarmalar için küme parantezlerine ihtiyacınız yoktur.

React'ten birden fazla sınıfı içe aktarmanız gerekirse, React dışında onlar için bir takma adınız olabilir. Gibi bir şey,

import React, * as react from 'react';

React varsayılan olarak bu modülde dışa aktarılır, gerek yoktur {}.