JSFiddle - React, Tailwind, and code Playground

HTML

<forn>
  <label class="checkbox checkbox-dark"> <span class="textoSelecionarTodos">Selecionar todos</span>
      <input type="checkbox" id="selectAll">
   </label>
      
     <label class="checkbox checkbox-dark"> Selecionar todos
      <input class="checkReunioes" type="checkbox" id="1">
   </label>
         
          <label class="checkbox checkbox-dark"> Selecionar todos
      <input class="checkReunioes" type="checkbox" id="2">
   </label>
              
               <label class="checkbox checkbox-dark"> Selecionar todos
      <input class="checkReunioes" type="checkbox" id="3">
   </label>
                   
                    <label class="checkbox checkbox-dark"> Selecionar todos
      <input class="checkReunioes" type="checkbox" id="4">
   </label>
</forn>

JavaScript

$("#selectAll").on('change', function () {
    
   var checked = this.checked;
    
   if(checked) {
	   $('span.textoSelecionarTodos').text('Desmarcar todos');
   }
   else {
	   $('span.textoSelecionarTodos').text('Selecionar todos');
   }
    
   $(".checkReunioes").each(function(index, val) {
       
      $(this).prop("checked", checked);
   });
});