javascript - 将 React 类存储在 JS 变量中

Question

在 ES5 中，我可以像这样存储 React 类:

const myReactClasses = {
    inlineStyles : {
        ...
    },

    firstClass : React.createClass({
        myFunction : function () {
            ...
        },
    }),
}

为了将语法转换为 ES6，我尝试过:

const myReactClasses = {
    inlineStyles : {
        ...
    },

    firstClass : class firstClass extends React.Component {
        myFunction() {
            ...
        },
    },
}

它使用 gulp 进行编译。但是，当我导航到 React 应呈现的页面时，遇到错误:Uncaught TypeError: Cannot read property 'prototype' of undefined。这是将相同行为从 ES5 复制到 ES6 的正确方法吗？我只是搞砸了应用程序更深层的地方，还是错误的？如果错误，您能否提供一个示例片段，说明它应该是什么样子。

Answer 1

在 myReactClasses 常量之外定义类。

JS 语法不允许您尝试执行的操作。无论使用哪种方法，如果除了可读性之外没有其他原因，组件都应该定义在包含它们的对象外部的文件中。