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

Question

我正在尝试使用材料 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>

我需要定义什么函数来实现这一目标。

Answer 1

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

state={disabled: false}

单击后应将 this.state.disabled 变为 true。

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

disabled={this.state.disabled}