如何正确管理特定的Safari输入行为？

Question

我在React中构建了一个应用程序。有一个注册表单，我输入电子邮件，密码和其他信息。

所有功能都在预期的Chrome中运行，但在Safari中有点奇怪。当我开始在输入中输入内容时，它不会在该字段中放置任何内容，但会在电子邮件中显示此内容：

如何让它在常规场景中正常工作？

1. onChange =＆gt; changeField（value）通过redux dispatch
2. 保存在商店
3. 以新值重新渲染

更加奇怪的是在检查器中显示输入时值属性的变化，但输入在视觉上仍然是空的。

Answer 1

关于onChange在其他浏览器上存在很大争议，例如IE或Safari（取决于版本）。

• https://github.com/facebook/react/issues/554
• https://github.com/facebook/react/issues/7027

等等......

我建议考虑onInput onChange由于时间问题而未能达到预期效果的情况