基于自动完成值 React js - Material Ui 禁用文本字段

Question

我有 2 个字段。第一个是autocomplete。第二个是textfield。 我的第二个字段默认为 disabled。每次用户输入并选择我的autocomplete 中的一个选项时，我都想将其从禁用更改为启用。

我尝试过使用useState hook 和onChange 来设置和更新字段的状态。但这不起作用。

我尝试在autocomplete 中使用ref 获取输入值，如下所示：

inputRef={ref => { this.inputRef = ref; }}

然后将其应用于textfield。

没有任何效果。

注意：我的自动完成功能包含在控制器中。

帮助

Answer 1

我制作了一个 CodeSandbox 试图解决您的问题 - 如果我理解正确的话。

试试看是否有意义：

https://codesandbox.io/s/frosty-wildflower-ckjnd?file=/src/App.js