Necesita obtener todos los valores seleccionados dentro del menú desplegable sin eliminar el valor cargado previamente, por favor ayuda
const [selectedItem, setSelectedItem] = useState("Select..."); <Dropdown className="dropdown-groove"> <Dropdown.Toggle variant="outline-secondary " id="dropdown-basic"> {selectedItem} <label className="dropdown-label">Dropdown label</label> </Dropdown.Toggle> <Dropdown.Menu> <Dropdown.Item href="#/action-1"> {" "} <Form.Check onClick={(e) => { setSelectedItem("List A"); e.stopPropagation(); }} className="checkbox-groove" inline label="List Item 1" name="group1" type="checkbox" />{" "} </Dropdown.Item> <Dropdown.Item href="#/action-2"> {" "} <Form.Check onClick={(e) => { setSelectedItem("List b"); e.stopPropagation(); }} className="checkbox-groove" inline label="List Item 2" name="group1" type="checkbox" />{" "} </Dropdown.Item> </Dropdown.Menu> </Dropdown>Podría declarar una función después de setState en la línea 6
function toggleCheckbox(addItem) { if (selectedItem.indexOf(addItem) < 0) { setSelectedItem(`${selectedItem} ${addItem}`); } else { setSelectedItem(selectedItem.replace(addItem, "")); } } y reemplaza setSelectedItem("List A"); con toggleCheckbox("List A"); entonces, la Lista b & c es la misma forma de reemplazar.