react materials-ui 利用选择器，选中MuiTextField指定为disabled

Question

const useStyles = makeStyles((theme) => ({

 root: {

 '& .MuiTextField-root': {

 margin: theme.spacing(1),

** disabled,**

 background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',

 },

 textAlign:'left',

 marginBottom:20,

 },

利用选择器，选中MuiTextField ，然后指定为不可用(disabled),不知道怎么写。。

diabled,
disabled:true,
..... 都不对。

Answer 1

ui没用过，官网不咋的啊，半天进不去；
:disabled="true"应该是这样吧；
如果是事件控制:disabled="variable"
variable为变量

Answer 2

更新
如果用选择器来控制，可以维护一个state，然后通过state判断是否需要disabled
同理，改变样式也可以用这个state，维护不同的class

没有找到你所说的ui库官网，然后我看了material-ui的例子，你看看对你有没有帮助
TextField

// 以下为伪代码
const [isDisabled,setDisabled] = React.useState(false);

<TextField
classes={isDisabled ? xxx : xxx} // 重点在这里
id="standard-multiline-static"
label="Multiline"
multiline
disabled={isDisabled} // 重点在这里

rows={4}

defaultValue="Default Value"

/>

Answer 3

补充一下，我这个页面是有很多textfield ,

我本意是想用选择器来控制所有textfield 可编辑/不可编辑，

<TextField
disabled={isDisabled} // 这样的话，这里就不需要每个都指定disabled