JSFiddle - React, Tailwind, and code Playground

HTML

<div class="portfolio-item-filter" id="work-filter">
  <a class="gdlr-button active" href="#" data-category="All">Work</a>
  <a class="gdlr-button" href="#" data-category="film">Film</a>
  <a class="gdlr-button" href="#" data-category="print">Print</a>
</div>

JavaScript

jQuery('a[data-category="film"]').click(function(){
	console.log("Film button clicked");
});

jQuery(document).ready(function() {
   jQuery('a[data-category="film"]').trigger( "click" );
});