reactjs - 下拉选项在 React-Bootstrap-Table-2 中不起作用

Question

单击ellipsis.

当我点击ellipsis按钮时，它会显示一个下拉菜单，Edit可能还有其他选项。

像这样的东西：

现在，当它被点击时，dropdown状态变为true，但再次点击时，它保持原样true并且不会将其状态更改回false，因此下拉菜单保持打开状态。

我正在使用该formatter属性来显示ellipsis每一行的按钮。

我一直在努力，但似乎仍然无法弄清楚该州到底出了什么问题。

const [dropdown, setShowDropdown] = useState(false);
const handleDropDown = () => setShowDropdown(!dropdown);

function optionsFormatter(cell, row, rowIndex, formatExtraData) {
    return (
      <div
        style={{
          cursor: "pointer",
          lineHeight: "normal",
          display: "flex",
          justifyContent: "space-between"
        }}
      >
        <FaIcons.FaEllipsisH onClick={handleDropDown} style={{cursor: 'pointer'}} />
      </div>
    );
  }