2016-01-23 97 views
-2

我通過WebPack加入JS文件。在配置中引入了所有文件。React in WebPack

entry: ['./file1', './file2', 'react', 'react-dom'] 

React和React-dom通過npm下載。如果在文件中我做出響應的,返回錯誤:

ReferenceError: React is not defined 

但如果我寫

import {React} from 'react'; 

返回錯誤

TypeError: _react.React is undefined 

我在做什麼錯?

回答

4

應該是這樣,

import React from 'react'; 
import ReactDOM from 'react-dom'; 

ReactDOM.render(...); 
2

反應導出爲默認值,因此沒有必要使用命名進口導入。

這是錯誤

import {React} from 'react'; 

這是正確

import React from 'react'; 

閱讀有關ES6模塊出口:http://exploringjs.com/es6/ch_modules.html

+0

我就只想補充一點,如果你想加載這個模塊的更多「部分」,你可以這樣寫:例如'import React,{PropTypes'from'r EACT';' –