title: Reactjs style component with document.getElementById
body: <p>Hello i'm trying to highlight the Items, with the same Id. Im using document.getElementById but i don't really know ho to do it. does anyone can help me?
  I'm iterating over an Array of Objects from my Database....</p>
  
  <pre><code>return(
        &lt;div className='list'&gt;
        &lt;Row&gt;
        {this.state.cards.map((card) =&gt; {
          return(&lt;Card 
            onHover={()=&gt;{
              const highlighted =   document.getElementById(card.id)
              highlighted.style={{backgroundColor: "blue"}}
            }} 
            cardHeading={card.cardHeading} cardDesc={card.cardDesc}
             cardPreis={card.cardPreis} cardId={card.id} bewertung={card.cardBewertung}
             image={card.cardImage}/&gt;)
            })
        }
  
        &lt;/Row&gt;
        &lt;/div&gt;
      )
  </code></pre>
  
  <p>.... My GoogleMaps Component: </p>
  
  <pre><code>&lt;Marker   onClick={props.show}
            position={{ lat: marker.latitude + 0.00201, lng: 
            marker.longitude + 0.00201}}
            id={marker.id}
            /&gt;
  </code></pre>
  
  <p><strong>id={marker.id}</strong> and <strong>cardId={card.id}</strong> are the same and i want to highlight one of them when hovering over them ... thanks in advance.</p>