Приложение загружает информацию api в модальном окне для редактирования / обновления информации о пользователе через раскрывающийся список. Когда я выбираю другой элемент из раскрывающегося списка, модальное окно перезагружается и возвращается к предыдущему значению. Следуйте коду:
<Modal show={show} onHide={handleClose}>
<ModalHeader closeButton>
<ModalTitle>{modalInfo.name}</ModalTitle>
</ModalHeader>
<ModalBody>
<Form>
<Form.Group>
<Form.Label>Custom select</Form.Label>
<Form.Control as="select" custom
onChange={(e) => setSelectOption(e.target.value)}
defaultValue={modalInfo.option}>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</Form.Control>
</Form.Group>
</Form>
</ModalBody>
<ModalFooter>
<Button variant="success" onClick={handleUpdate}>
Update
</Button>
<Button variant="secondary" onClick={handleClose}>
Close
</Button>
</ModalFooter>
</Modal>
Как изменить элемент раскрывающегося списка без перезагрузки модального окна?