页面刷新时受控输入不清楚（Microsoft Edge）

Question

我有一个ReactJS应用程序，并使用一个简单的html标记创建了一个受控组件。

问题是，当在microsoft edge中从刷新按钮或按F5时（从navbar进行enter操作很好），输入值不能正确地清除，它们会被卡住。如果我开始输入表单的任何输入，那么它们就会消失。

我已经尝试过:

-清除windows.onload上的值
-在输入标记上设置autocomplete='off'
-创建超时函数。

为了测试，我到处添加了console.logs，以确保调用了所有的生命周期方法，并且每个方法中的状态都是空的，实际上是空的。

我还看到了这篇文章:https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/21174802/

但这些似乎都没有解决这个问题。

<input
  id={`input-${id}`}
  key={`input-${id}`}
  type={inputType}
  value={value}
  autoComplete="off"
  onChange={this.handleValueChange}
/>

Answer 1

Internet Explorer和Edge正在缓存输入标记。在Windows上，按Ctrl+F5快捷方式进行硬刷新。但对我来说，我按Ctrl+双击F5在边缘，然后它刷新。你也可以参考这个线程。