¿Cómo pasar un valor al atributo for (htmlFor) en el componente de casilla de verificación en react-bootstrap? - html, html5, reactjs, react-bootstrap, wcag2.0

Estoy manteniendo WCAG2.0 Estándares "AA" en un proyecto en el que necesito proporcionar un valor a para atributo en el componente casilla de verificación en react-bootstrap pero no pudo encontrar una solución adecuada.

Código:: lo que estoy escribiendo jsx

<Checkbox checked={ props.item.selected || false }
onChange={() => {}}>
<div className="label-text"></div>
</Checkbox>

cómo me veo en html:

<div class="checkbox">
<label title="">
<input type="checkbox" value="on">
<div class="label-text"></div>
</label>
</div>

buscando una especie de html:

<label **for="boxa"**>birds</label>
<input **id="boxa"** type="checkbox" name="mytext" />

Respuestas

Puede ver el código fuente del componente desde reaccionar-bootstrap, pero TLDR: ellos no proporcione una opción para agregar un for atribuir en un Checkbox componente. Incluso hay una inhabilitación de eslint para eso.

Aquí esta la fuente de la etiqueta que acompaña a la casilla de verificación.