阵营随着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，同时创造气氛包

回答

相关问题