如何禁用React组件中的复选框？

Question

我想知道是否有一种方法可以禁用组件内部的复选框（反应开关）。 React-switch有一个“ disabled”属性，但是我只想禁用复选框，而不是整个对象。

反应代码：

<Switch 
    onColor="#ff4a55"          
    checked={this.props.checked}
    onChange={this.props.onChange}
    boxShadow="0px 1px 5px rgba(0, 0, 0, 0.6)"
    activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
/>

已编译的代码：

<div style="...">
    <div class="react-switch-bg" style="...">...</div>
    <div class="react-switch-handle" style="..."></div>
    <input type="checkbox" role="switch" style="...">
</div>

我想要的已编译代码：

<div style="...">
    <div class="react-switch-bg" style="...">...</div>
    <div class="react-switch-handle" style="..."></div>
    <input disabled type="checkbox" role="switch" style="...">
</div>

非常感谢！