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

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,
..... 都不对。

回答

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

更新
如果用选择器来控制，可以维护一个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"
/>

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

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

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

以上是 react materials-ui 利用选择器，选中MuiTextField指定为disabled 的全部内容， 来源链接： utcz.com/a/44073.html

回到顶部