JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here</textarea>
    <button onclick="copyText(this)" class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here2</textarea>
    <button  onclick="copyText(this)" class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here3</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here4</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here5</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here6</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here7</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here8</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here9</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
  <li>
    <textarea name="" id="apicall" cols="30" rows="10">data in here10</textarea>
    <button class="btn btn-primary">Copy to Clipboard</button>
  </li>
</ul>

JavaScript

function copyText(el) {
  $(el).siblings('#apicall').select();
  document.execCommand('copy');
}