Dynamique de l'attribut tabIndex dans JSX + Réagir

Comment définir l'attribut tabIndex sur une Réagir la composante conditionnelle de la même manière, disent les "personnes handicapées" attribut est défini?

J'ai besoin d'être en mesure de créer de la valeur et/ou de supprimer l'attribut de tous ensemble.

Premier essai était de faire de l'ensemble de l'attribut de la clé et de la valeur d'une variable:

<div { tabIndex } ></div>

mais le compilateur se plaint.

Deuxième pensée a été:

const div;
if( condition ){
   div = <div tabIndex="1"></div>
}else{
   div = <div></div>
}

Cependant, ce n'est pas souhaitable puisque mes composants réels ont des tonnes d'attributs sur eux et je finirais par avoir de grandes quantités de code dupliqué.

Mon seul autre pensée a été d'utiliser un ref, puis utiliser jQuery pour définir les attributs tabindex, mais je préfère ne pas avoir à le faire de cette façon.

Des Idées?

OriginalL'auteur Jesse Lee | 2016-04-09