私は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 が undefined なのでしょうか? _react.React です。それが何を意味するのかはわかりませんが...
ベストアンサー1
React をインポートするには、import React from 'react'
インポートするものがそのモジュールまたはファイルのデフォルトのエクスポートではない場合に括弧を追加します。React の場合は、デフォルトのエクスポートです。
これは、定義方法に応じて他のインポートにも適用される場合があります。