Tệp React JSX đưa ra lỗi "Không thể đọc thuộc tính 'createElement' của undefined"

Tôi có một tệp test_stuff.js mà tôi đang chạy với npm test

Nó khá giống như thế này:

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

Thật không may, tôi gặp lỗi

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

Điều đó nghĩa là gì? Tôi đang nhập thành công React từ 'react', vậy tại sao React lại không được xác định? Nó là _react.React, bất kể điều đó có nghĩa là ...

Để nhập React do import React from 'react'Bạn thêm dấu ngoặc khi thứ bạn đang nhập không phải là tệp xuất mặc định trong mô-đun hoặc tệp đó. Trong trường hợp phản ứng, đó là xuất mặc định.

Điều này có thể áp dụng cho các lần nhập khác của bạn tùy thuộc vào cách bạn xác định chúng.

import React, { Component } from 'react'

Điều này đã làm việc cho tôi. Tuy nhiên, tôi không chắc tại sao nó lại khắc phục được phiên bản của tôi về vấn đề này. Vì vậy, nếu bạn là người tình cờ gặp phải vấn đề này và bạn sử dụng ứng dụng create-react làm bản soạn thảo ban đầu, thì cách nhập React này sẽ thực hiện được mẹo nhỏ. (kể từ ngày 18 tháng 10, lol)

Đối với những người đang làm việc ReactJS với TypeScript.

import * as React from 'react';

Thay đổi: nhập {React} từ 'react' để nhập React từ 'react' Vì React là một xuất mặc định và bạn không cần dấu ngoặc nhọn cho bất kỳ xuất mặc định nào.

Nếu trong trường hợp bạn cần nhập nhiều lớp từ 'react', bạn có thể đặt bí danh cho chúng ngoại trừ React. Cái gì đó như,

import React, * as react from 'react';

Lỗi này xảy ra với tôi do bất cẩn. Nó thực sự

import React from 'react';

Dấu ngoặc dành cho các xuất khẩu được đặt tên như sau:

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