React禁用复选框并自定义颜色

您可以使用'disabled'属性来禁用复选框，并使用CSS样式来控制禁用状态的颜色。

首先，您需要在复选框中设置'disabled'属性，例如：

<input type='checkbox' disabled />

然后，您可以使用CSS样式来控制禁用状态的颜色。在React中，您可以通过在组件的样式对象中设置'backgroundColor'属性来实现。例如：

const styles = {
  checkbox: {
    backgroundColor: 'gray',
  },
};

function MyComponent() {
  return (
    <div>
      <input type='checkbox' disabled style={styles.checkbox} />
    </div>
  );
}

在上面的示例中，禁用的复选框将具有灰色的背景色。

请注意，这只是一种展示禁用状态的方法，您可以根据您的需求自定义样式。