在React上更改Bootstrap下拉菜单的方向

import React from 'react';
import './CustomDropdown.css';

const CustomDropdown = () => {
  return (
    <div className="dropdown">
      <button className="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown
      </button>
      <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a className="dropdown-item" href="#">Action</a>
        <a className="dropdown-item" href="#">Another action</a>
        <a className="dropdown-item" href="#">Something else here</a>
      </div>
    </div>
  );
}

export default CustomDropdown;

.dropdown-menu {
  transform: rotate(180deg);
}