Material-ui有条件地禁用单选按钮

Material-UI 是一个流行的 React UI 组件库，它提供了丰富的可重用组件，包括单选按钮（Radio Button）。

要在 Material-UI 中有条件地禁用单选按钮，可以使用 disabled 属性。该属性用于控制组件是否可用。当 disabled 属性设置为 true 时，单选按钮将被禁用，用户无法选择或交互。

以下是一个示例代码，演示如何在 Material-UI 中有条件地禁用单选按钮：

import React, { useState } from 'react';
import { Radio, RadioGroup, FormControlLabel } from '@material-ui/core';

const ExampleComponent = () => {
  const [disabled, setDisabled] = useState(false);

  const handleDisable = () => {
    setDisabled(!disabled);
  };

  return (
    <div>
      <RadioGroup>
        <FormControlLabel
          value="option1"
          control={<Radio disabled={disabled} />}
          label="Option 1"
        />
        <FormControlLabel
          value="option2"
          control={<Radio disabled={disabled} />}
          label="Option 2"
        />
      </RadioGroup>
      <button onClick={handleDisable}>
        {disabled ? 'Enable' : 'Disable'} Radio Buttons
      </button>
    </div>
  );
};

export default ExampleComponent;

在上面的示例中，我们使用了 useState 钩子来管理 disabled 状态。通过点击按钮，可以切换单选按钮的禁用状态。当单选按钮被禁用时，用户无法选择其中的选项。

这里推荐使用的腾讯云相关产品是腾讯云 Serverless 云函数（SCF）。腾讯云 Serverless 云函数是一种无服务器计算服务，可以帮助开发者更轻松地构建和运行云端应用程序。您可以使用 SCF 来托管和运行您的 React 应用程序，并与 Material-UI 组件库一起使用。

了解更多关于腾讯云 Serverless 云函数的信息，请访问：腾讯云 Serverless 云函数