JSFiddle - React, Tailwind, and code Playground

HTML

<div class="socialmediaicons">

<div data-socialcoloractive="#f00">
<svg>
  <rect x="0" y="0" width="200" height="200" />
</svg>
</div>
<div data-socialcoloractive="#0f0">
<svg>
  <rect x="0" y="0" width="200" height="200" />
</svg>
</div>

</div>

JavaScript

$("div.socialmediaicons svg").each(function() { 

  var socialcoloractive = $(this).closest("div").data("socialcoloractive");

  $('rect', this).attr({ fill : socialcoloractive })

});