根据自动完成值禁用文本字段 React js - Material Ui
Disable a textfield based on a autocomplete value React js - Material Ui
我有 2 个字段。第一个是 autocomplete
。第二个是textfield
。
我的第二个字段默认是disabled。我想每次都将其从 disabled 更改为 enabled 用户键入并选择我的 autocomplete
.
中的一个选项
我试过使用 useState hook
和 onChange
来设置和更新 field.This 的状态,但不起作用。
我尝试在 autocomplete
中使用 ref
获取输入值,如下所示:
inputRef={ref => { this.inputRef = ref; }}
然后将其应用于 textfield
。
没有任何效果。
注意:我的自动完成功能包含在控制器中。
帮助
我制作了一个 CodeSandbox 来尝试解决您的问题 - 如果我理解正确的话。
尝试一下,看看是否有意义:
https://codesandbox.io/s/frosty-wildflower-ckjnd?file=/src/App.js
我有 2 个字段。第一个是 autocomplete
。第二个是textfield
。
我的第二个字段默认是disabled。我想每次都将其从 disabled 更改为 enabled 用户键入并选择我的 autocomplete
.
我试过使用 useState hook
和 onChange
来设置和更新 field.This 的状态,但不起作用。
我尝试在 autocomplete
中使用 ref
获取输入值,如下所示:
inputRef={ref => { this.inputRef = ref; }}
然后将其应用于 textfield
。
没有任何效果。
注意:我的自动完成功能包含在控制器中。
帮助
我制作了一个 CodeSandbox 来尝试解决您的问题 - 如果我理解正确的话。
尝试一下,看看是否有意义:
https://codesandbox.io/s/frosty-wildflower-ckjnd?file=/src/App.js