リアクション不変違反例外

Question

リアクションに新たに加わったことは、一見したところではかなり単純なはずです。何が間違っているのか分かりません。

私はこのようなBasicReactComponent.jsコンポーネントがあります：私は以下のエラーに

を得続ける

import React from 'react'; 
import ReactDOM from 'react-dom'; 
const BasicReactComp = require('./BasicReactComp'); 

ReactDOM.render(
<BasicReactComp />, 
document.getElementById('foo') 
); 

：

import React from 'react'; 

const BasicReactComp =() => { 
    console.log('hi'); 
    return (
    <div> 
     I was loaded from basic react comp. 
    </div> 
); 
}; 

export default BasicReactComp; 

アム以下のように私のメインのファイルでそれを呼び出そうとします

**Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 
    Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.** 

Answer 1

ES6モジュールとCommo nJSモジュールの場合、デフォルトのエクスポートはdefaultのプロパティとしてエクスポートされます。したがって、あなたがあなたrequire値の.defaultにアクセスする必要があります。

const BasicReactComp = require('./BasicReactComp').default; 

それともimportの構文を使用します。

import BasicReactComp from './BasicReactComp';