Reactjs 如何通过下拉列表中的选定项更改选择文本

我有这样的完整代码，如何在下拉列表中更改所选项目的选择

const Dropdown = ({ items, onSelect }) => {
  const [title, setTitle] = useState("Selection");
  const handleOnChange = (item) => {
    setTitle(item)
    onSelect(item)
  }

  return (
    <BootstrapDropdown className="sort-dropdown">
      <BootstrapDropdown.Toggle
        className="sort-dropdown-toggle"
        variant="success"
        id="dropdown"
      >
        <span className="toggle-text">Selection</span>
      </BootstrapDropdown.Toggle>

      <BootstrapDropdown.Menu className="sort-dropdown-menu">
        {items.map((name, index) => (
          <BootstrapDropdown.Item
            className="sort-dropdown-item"
            key={index}
            onSelect={() => onSelect(name)}
          >
            {name}
          </BootstrapDropdown.Item>
        ))}
      </BootstrapDropdown.Menu>
    </BootstrapDropdown>
  );
};

我怎么能这么做？请帮帮我，非常感谢

<span className="toggle-text">Selection</span>

const [title, setTitle] = useState("Selection");
      const handleOnChange = (item) => {
        setTitle(item)
        onSelect(item)
      }