陣營隨着ES6，同時創造氣氛包

當我創建組件，而不在大氣中使用包ES6象下面反應不工作： -陣營隨着ES6，同時創造氣氛包

var createReactClass = require('create-react-class'); 
AddTag = createReactClass({ 
    render:function(){ 
     return(
     <div>Hello</div> 
    ) 
    } 
}); 
export default AddTag;

和package.js

api.addFiles('components/tags/addTag.jsx',['client']) 
api.export(["AddTag"]);

此代碼的工作精細。

但是當我使用與ES6反應象下面這樣： -

import React, { Component } from 'react'; 
class AddTag extends React.Component{ 
    render{ 
     return(
      <div>Hello</div> 
     ) 
    } 
} 
export default AddTag;

和package.js是與上述相同。

但我得到下面的錯誤與ES6： -

不變違規：精縮陣營錯誤＃130;請訪問http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=undefined&args[]=查看完整的消息，或者使用非縮小的開發環境獲取完整的錯誤和其他有用的警告。

請指教我做什麼來解決這個錯誤。

感謝，問候， Saransh

來源

2017-08-09 Saransh Dev Singh

你爲什麼要導入{Component}？嘗試沒有這樣做 –

嘗試'類AddTag擴展組件{...' –

它看起來像你有一個語法錯誤。將渲染方法更改爲此...

render() { 
    return(
     <div>Hello</div> 
    ) 
}

請注意呈現方法定義中的括號。

來源

2017-08-09 09:43:06

謝謝@保羅，回覆我已經解決了這個問題，它的渲染內的示例代碼。 o解決您需要將您的AddTag類放入全局名稱空間中，我們使用類似於： - AddTag = class AddTag擴展React.Component。 https://github.com/kadirahq/meteor-react-layout/issues/10 –

陣營隨着ES6，同時創造氣氛包

回答

相關問題