从javascript调用Bootstrap 5 beta下拉问题

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>

<button id="dropdownBtn" class="btn btn-primary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  下拉菜单
</button>

const dropdownBtn = document.getElementById('dropdownBtn');
dropdownBtn.addEventListener('click', function() {
  // 在这里编写下拉菜单的逻辑
});

const dropdownBtn = document.getElementById('dropdownBtn');
dropdownBtn.addEventListener('click', function() {
  const dropdownMenu = new bootstrap.Dropdown(dropdownBtn);
  dropdownMenu.toggle();
});