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

Disable a textfield based on a autocomplete value React js - Material Ui

我有 2 个字段。第一个是 autocomplete。第二个是textfield。 我的第二个字段默认是disabled。我想每次都将其从 disabled 更改为 enabled 用户键入并选择我的 autocomplete.

中的一个选项

我试过使用 useState hookonChange 来设置和更新 field.This 的状态,但不起作用。

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

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

然后将其应用于 textfield

没有任何效果。

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

帮助

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

尝试一下,看看是否有意义:

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