时间戳

首页 > 解决方案 > 使用材质 UI 更改反应选择中的禁用属性

reactjs - 使用材质 UI 更改反应选择中的禁用属性

问题描述

我正在尝试使用材料 ui 在反应应用程序中单击按钮时更改选择中的禁用属性我的按钮代码是：

<AsistButton variant="outlined" color="primary" className={classes.button}>X</AsistButton>

从选择是：

<NativeSelect
    value={person}
    className={classes.margin}
    onChange={handleChangeSelect}
    input={<BootstrapInput name="person" id="person-customized-native-simple"/>}
    disabled
>
    <option value=""/>
    <option value={10}>Peter</option>
    <option value={20}>Alex</option>
    <option value={30}>Jon</option>
</NativeSelect>

我需要定义什么功能来实现这一点。

标签： reactjsmaterial-ui

解决方案

你应该写一个如下状态的计数器：

state={disabled: false}

并且点击应该将 this.state.disabled 变为 true。

之后在 NativeSelect 组件中设置禁用为

disabled={this.state.disabled}

推荐阅读