Как отключить флажок внутри реагирующего компонента?

Question

Я хотел бы знать, если есть способ отключить флажок, который находится внутри компонента (реакция-переключатель).У React-switch есть «отключенная» опора, но я просто хочу снять флажок, а не все.

Код реагирования:

<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>

Большое спасибо!