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

Question

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

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

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

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

然后将其应用到 textfield.

没有任何效果。

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

帮助

标签： reactjsautocompletematerial-uitextfielddisabled-input

Answer 1

我做了一个 CodeSandbox 试图解决你的问题——如果我理解正确的话。

试试看是否有意义：

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