Помогите пожалуйста разобраться. После выбора конкретного значения в дропдаун и закрытии модального окна, при повторном открытии окна значение остается то, которое выбрал ранее. Т.е. при первом открытии значение "Кто покупал", при последующих открытиях этого окна отображается ранее выбранное значение(logins.selectedUser.email). как его правильно обнулить при закрытии окна, чтобы отображалось "Кто покупал"? не могу понять, как погуглить это...
useEffect(()=>{
fetchUsers().then(data=>logins.setUser(data))
}, [])
return (
<Modal
show={show}
onHide={onHide}
centered
>
<Modal.Header closeButton>
<Modal.Title id="contained-modal-title-vcenter">
Добавить расходы
</Modal.Title>
</Modal.Header>
<Modal.Body>
<Form>
<Dropdown id="customersChoice" className="mt-2 mb-2" hidden={true}>
<logins.selectedUser.email || "Кто покупал"}</Dropdown.Toggle>
<Dropdown.Menu>
{logins.user.map(customers =>
<Dropdown.Item
onClick={() => logins.setSelectedUser(customers)}
key={customers.email}
>
{customers.email}
</Dropdown.Item>
)}
</Dropdown.Menu>
</Dropdown>
</Form>
</Modal.Body>
<Modal.Footer>
<Button variant="outline-danger" onClick={onHide}>Закрыть</Button>
<Button variant="outline-success" onClick={addAmount}>Добавить</Button>
</Modal.Footer>
</Modal>