Comment ajouter un nom de classe/id de Réagir-Bootstrap Composant?

Supposons que nous sommes à l'aide de la Ligne de Réagir-Bootstrap... Comment faisons-nous de style sans l'aide d'un wrapper ou intérieure de l'élément:

<Row>
  <div className='some-style'>
   ...
</Row>

Idéalement, nous pouvons juste faire:

<Row className='some-style> 
  ...
</Row>

Mais cela ne fonctionne pas et j'ai supposer que c'est parce que la Réaction de Bootstrap ne sais pas d'où le nom de la classe va à l'intérieur de la Ligne de composants (il faut juste le style de la div qui a la ligne, les styles, je pense)

OriginalL'auteur Arman | 2016-07-20

  1. 14

    Si vous regardez la code pour le composant que vous pouvez voir qu'il utilise le className prop passé à combiner avec le row classe pour obtenir l'ensemble des classes (<Row className="aaa bbb"... œuvres).Aussi, si vous fournir le id prop comme <Row id="444" ... il va définir l'attribut id de l'élément.

    Pour une raison quelconque, je pensais que la Ligne et le Col ne pouvait pas être de style de ce genre. Je pense qu'il y a eu d'autres composants où j'ai été confronté à ce problème sera mise à jour si je tombe sur elle dans l'avenir

    OriginalL'auteur Igorsvee

  2. 0

    1ère façon est d'utiliser des accessoires

    <Row id = "someRandomID">

    Où, dans la Définition, vous pouvez simplement aller 

    const Row = props  => {
 div id = {props.id}
}

    La même chose pourrait être fait avec classe, en remplacement de id avec className dans l'exemple ci-dessus.

    Vous pourriez aussi bien utiliser react-html-id, qui est un mécanisme national de prévention de package.
    C'est un mécanisme national de prévention de package qui vous permet d'utiliser unique html Id pour les composants sans dépendances sur d'autres bibliothèques.

    Ref: réagir-html-id

    La paix.

    OriginalL'auteur Mayank Gangwal