强制禁用的 MI TextField 可点击

Question

我有一个禁用的 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 上都可以点击？

Answer 1

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

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

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