定义propTypes会在WebPack中引发错误

Question

在我之前的React项目中，我能够在构造函数之前定义propTypes，就像这样

/name/

但在我的新项目中，WebPack抛出一个意外的令牌错误，胡萝卜指向=字符。

知道我缺少什么吗？

Answer 1

如果您直接导出类声明并使用Babel＆lt; 6.2，你必须将它分成两个不同的行，如：

import { Component } from 'react'

class Button extends Component {}
export default Button

根据您的版本，在您的Babel选项中启用classProperties转换。

您还可以查看transform-class-properties babel文档，该文档告诉您使用像Michelle said这样的babel-plugin-transform-class-properties模块。