reactjs - 如何将 Babel 插件添加到 create-react-app 项目？

Question

我正在关注 LearnCode.academy 视频教程，在视频 #7 中导师/演示者在某个时候添加了以下代码

@connect((store) => {
    return {user: store.user.user, tweets: store.tweers.tweers}
})

我知道我需要通过添加 babel-plugin-transform-decorators-legacy 来配置 Webpack，但是 create-react-app 没有显示任何配置文件。这里的解决方案是什么？

Answer 1

虽然您可以为装饰器弹出它是完全没有必要的，并且伴随着弹出的所有缺点(您不会自动获得工具的 future 更新)。

相反，我建议使用不依赖于实验性功能(目前是装饰器)的学习资源，或者学习如何在没有它们的情况下编写等效代码。

例如:

class MyComponent extends React.Component {
  // ...
}

export default connect((store) => {
    return {user: store.user.user, tweets: store.tweers.tweers}
})(MyComponent);

如果您不知道如何在没有装饰器的情况下编写一些示例，请创建一个新问题并在评论中链接到它，我会尽力回答。