强制禁用的 MI TextField 可点击

Posted 2023-02-22

【中文标题】强制禁用的 MI TextField 可点击

【英文标题】：Force a disabled MI TextField to be clickable

【发布时间】：2020-07-10 02:33:46

【问题描述】：

我有一个禁用的 TextField，我正在使用 React Hooks useState 通过更改 TextField 的 value 属性来更新它。

  const [employee , setEmployee] = React.useState('')



  <TextField
                fullWidth
                disabled
                value=employee
                variant="outlined"
                InputProps=
                    startAdornment: (
                        <InputAdornment position="start">
                            <BackupIcon onClick=handleClick/>
                        </InputAdornment>
                    ),             
                
            />

只能点击图标BackupIcon。

我们怎样才能让它在整个TextField 上都可以点击？

【参考方案1】：

您是否尝试过像这样放置 onClick：

handleClick: function(e) 
    this.setState(
        textFieldValue: e.target.value
    );
,

 <TextField fullWidth
            disabled
            value=employee
            variant="outlined"
            onChange=handleClick
            >
<BackupIcon />
<TextField />