我可以让 React 在开发中以不同的方式编译对象传播运算符吗？

如何解决我可以让 React 在开发中以不同的方式编译对象传播运算符吗？

上下文： Unreal 游戏引擎（4.26 版）具有基于 Chromium 嵌入式框架 (CEF) 的嵌入式浏览器。我的团队正在开发一个游戏内 UI 作为 React 应用程序，旨在在这个嵌入式浏览器中呈现。我们正在使用最基本的开箱即用 React 开发设置（您从 create-react-app 获得的设置）。

我们遇到了一个奇怪的问题，即我们的 React 应用程序没有在 Unreal 嵌入式浏览器中呈现。然而，一个全新的 React 应用做到了。

当然，我们得出结论，我们的代码有问题。

通常要调试此类内容，我们希望查看 JavaScript 控制台以查看是否存在阻止页面加载的错误。但是在对 Unreal 的没有很好记录的 CEF 浏览器解决方案进行了几天的研究后，我们仍然无法弄清楚如何访问 Unreal 的 CEF 小部件的 JavaScript 控制台（或任何调试工具）。

正如您所料，这意味着我们必须通过一个艰苦的过程来调试情况，注释掉我们 React 应用程序的整个部分（基本上是通过我们的代码库进行二进制搜索）。我们发现我们使用 Javascript 的对象扩展运算符是罪魁祸首。

在删除所有使用展开运算符来构建组件 (<SomeComponent {...props} />) 和所有使用展开运算符来构造新对象 ({...stuff,key: value}) 后，UI 现在可以在 Unreal 中加载。

耶！我想这是个好消息。坏消息是：我碰巧喜欢对象扩展操作符……从 <SomeComponent {...props} /> 之类的组件中删除它意味着我们必须放弃 JSX 并做一些不那么惯用的事情，例如 React.createElement(SomeComponent,props)。我宁愿避免这种情况。

注意：我很惊讶地发现传播运算符是罪魁祸首，因为我认为这样的事情在浏览器看到它们之前就被编译了。事实上，使用 npm build，我们能够生成 React 应用程序的生产版本，该版本在 Unreal 中呈现得很好！ （大概是因为对象扩展运算符被编译掉了。）

所以主要问题是，如果我们使用扩展运算符，我们无法在 Unreal 的浏览器中加载 React 开发服务器 (localhost:3000)。这意味着我们无法获得 React 开发环境良好的热插拔特性。但另一方面，如果我们确实使用扩展运算符，我们只能通过进行生产构建来测试我们的代码，这需要更长的时间。

不用说，我们的处境很不舒服。所以这里有 2 个具体的问题，其中任何一个都会有所帮助：

1. 有谁知道如何获取 Unreal 的 CEF JavaScript 日志和/或通过某种调试界面连接到嵌入式浏览器？这可能会阐明一些事情。

2. 有谁知道 React 的底层 Babel 开发管道是如何处理传播操作符的？它只是避免在开发过程中编译它们并相信现代浏览器会处理它们吗？如果是这样，我能否以某种方式从 React 的默认配置中弹出并摆弄一些神奇的设置，使 Babel 在开发中编译扩展运算符？

请！有没有好心人能帮我们找回我们的点差操作符！ :)