React With ES6 не работает при создании пакетов атмосферы

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:-

Нарушение инварианта: ошибка Minified React #130; посетите http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= для полного сообщения или используйте не минимизированную среду разработки для полных ошибок и дополнительных полезных предупреждений,

Пожалуйста, посоветуйте, что мне сделать, чтобы устранить эту ошибку.

Спасибо, С уважением, Саранш

Answer 1

Похоже, у вас есть синтаксическая ошибка. Измените метод рендеринга на этот...

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

Обратите внимание на круглые скобки в определении метода рендеринга.