React＆Webpack（外部对象{react-dom：“ ReactDOM”}导致Cursor跳转到受控输入的末尾。为什么？

Question

最近几天，我一直在我的react应用程序中解决一个问题，我注意到所有输入都表现出在编辑时光标跳到受控输入末尾的行为。

此

正在使用Webpack和awesome-typescript-loader构建该应用程序。我切换到ParcelJs，发现该问题在没有代码修改的情况下消失了。

最终，在对Webpack进行逐行调整之后，我发现，如果我注释掉了webpack外部的react和react-dom问题，该问题也得到了解决。通过进一步的研究，我将其固定在外部，以解决问题。

我的webpack配置现在看起来像这样。

externals: {
    "react": "React",
    //"react-dom": "ReactDOM"
},

HTML索引文件现在看起来像这样。

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<!--<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>-->

经过几天的调整和阅读后，我对为什么将react-dom作为外部原因感到困惑。

在package.json中使用React 16.8.2。

我知道https://github.com/facebook/react/issues/955。上面描述了这种行为，但是在我的应用程序中没有任何会导致这种情况的东西。