Question

当我在大气包装中使用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

Answer 1

看起来你有语法错误。将渲染方法更改为此...

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

注意渲染方法定义上的括号。

在创建大气包时，ES6无法正常工作

1 个答案: