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

虽然你可以弹出装饰器，但它完全没有必要，并且带有弹出的所有缺点（你不会自动获得工具的未来更新）。

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

例如：

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

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

如果你无法弄清楚如何在没有装饰者的情况下编写一些例子，请在评论中创建一个新问题并链接到它，我将尝试回答。

Answer 2

在这种情况下，您需要运行eject script来获取所有配置，并将其从默认值更改（这是不可逆转的，在尝试之前进行备份！ ）。为此，请运行：

npm run eject

这应该将所有配置文件添加到您的项目中，例如您可以添加插件的Babel。

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

2 个答案: