TextField失去了对Change的关注

Question

我正在使用旧版本的库，并且一切正常。更新到最新版本后，我开始看到在TextField中输入值时失去焦点的问题。但是，我无法生成一种方法来复制问题，因为我有一个验证脚本和要处理的作用域层。

主要观察结果：

• 当我将组件从Input更改为TextField =>具有焦点的即时故障时，就会出现问题。

• 这仅与带有onChange回调的“受控”组件有关； onBlur没问题。

在各种情况下，关于stackOverflow和使用TextField的问题存档中都有类似的问题/答案。

据我所知，有几个故障排除选项。是否可以让我知道是否还有其他人？

1. 必须设置道具名称（Input则不需要）
2. 要关闭autoFocus吗？
3. 使用值代替defaultValue（onChange必需）
4. 设置inputRef={input => input && input.focus()}吗？
5. 使用在渲染之间不更改值的id
6. 通过包装TextField
使用间接
7. 避免在组件的定义内定义函数

其他：为帮助调试，请在devTools调试器中使用document.activeElement来跟踪活动元素的值。

我认识到，从html表单的基本理解中应该可以很好地理解其中的许多内容。但是，使我们感到棘手的是，我们正在处理一个API（那是一个很棒的API ：），该API抽象化了引擎盖下正在发生的许多事情，因此需要特定于API的“ howto”。 >

谢谢您让我知道有关如何解决这种令人烦恼和破坏性的误解的想法。

提前谢谢！

-E