切换下拉按钮的内容

Question

我正在实现一个下拉按钮，需要根据选择来切换按钮内容。简单来说，在我的实现中，下拉按钮的内容显示为“ A”。下拉项包含“ B”。选择下拉项“ B”时，需要在下拉按钮的内容中显示“ B”，而“ A”应为下拉项。

这是我到目前为止已经实现的代码。

<ul className="list-unstyled components">
                <li>
                    <a
                        className="btn dropdown-toggle Dropdown"
                        href="#"
                        role="button"
                        id="Dropdown"
                        data-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false"
                    >
                        A
                    </a>
                    <div className="dropdown-menu DropdownItems" aria- 
                      labelledby="Dropdown">
                        <a className="dropdown-item aUsers" href="#">
                            B
                        </a>
                    </div>
                </li>
            </ul>

有人可以帮助我完成这项工作吗？