title: looking for solution solution to make my dropdown menu unique by each element selected wthin my table
body: <p><strong>I want, when clicking on the three-dot menu, it appears only one menu, but I'm getting all the menus after mapping my array. The first picture is my result, and the second picture is the result I'm looking for.</strong>
  <a href="https://i.stack.imgur.com/TC9tY.png" rel="nofollow noreferrer">1</a>: <a href="https://i.stack.imgur.com/TC9tY.png" rel="nofollow noreferrer">https://i.stack.imgur.com/TC9tY.png</a>
  <a href="https://i.stack.imgur.com/J52ep.png" rel="nofollow noreferrer">2</a>: <a href="https://i.stack.imgur.com/J52ep.png" rel="nofollow noreferrer">https://i.stack.imgur.com/J52ep.png</a></p>
  <p>Here's my code:</p>
  <pre class="lang-js prettyprint-override"><code>{ClientsData.map((u, index) =&gt; (
      &lt;tr id={`element-${index}`} className={u.checked ? 'user active' : 'user'} key={u.id}&gt;
          &lt;td className=&quot;input-check&quot;&gt;
              &lt;input type=&quot;checkbox&quot; className=&quot;checkbox&quot; /&gt;
          &lt;/td&gt;
          &lt;td&gt;{u.email}&lt;/td&gt;
          &lt;td&gt;{u.societe}&lt;/td&gt;
          &lt;td&gt;{u.matriculeFiscale}&lt;/td&gt;
          &lt;td&gt;{u.categorie}&lt;/td&gt;
          &lt;td&gt;{u.reglement}&lt;/td&gt;
          &lt;td className={u.statut === 'Bloqué' ? 'user-status' : 'user-status activé'}&gt;
              {u.statut}
          &lt;/td&gt;
          &lt;td className=&quot;last-user-element&quot;&gt;
              &lt;Link to={`/admin/users/user_details/${u.id}`} className=&quot;link-user&quot;&gt;
                  &lt;icons.BsEye className=&quot;see-user&quot; /&gt;
              &lt;/Link&gt;
              &lt;div className=&quot;contain&quot;&gt;
                  &lt;icons.BsThreeDotsVertical
                      onClick={() =&gt; {
                          setOpenDropdown(!openDropdown);
                          setIndice(u.id);
                          setIndexUser(index);
                      }}
                      className=&quot;user-option&quot;
                      key={u.id}
                  /&gt;
                  {openDropdown &amp;&amp; &lt;UsersModalOptions /&gt;}
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  ))}
  </code></pre>