0

Помогите пожалуйста разобраться. После выбора конкретного значения в дропдаун и закрытии модального окна, при повторном открытии окна значение остается то, которое выбрал ранее. Т.е. при первом открытии значение "Кто покупал", при последующих открытиях этого окна отображается ранее выбранное значение(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>
2
  • 1
    Запоминается где? Что вы получаете сейчас и какого поведения хотите добиться? Дополните ваш вопрос ожидаемым поведением
    – SwaD
    19 ноя 2022 в 17:46
  • SwaD, спасибо, добавил описания
    – Grank10um
    19 ноя 2022 в 18:12

2 ответа 2

0

не особо раобрал, но если речь про это logins.selectedUser.email || "Кто покупал", то как бы надо обнулить значение в logins.selectedUser.email при закрытии модалки что бы сработал втарой вариант, и кстати что это за либа, там так передается дофолтное значение?

1
  • react-bootstrap, элемент dropdown. я не могу понять какое там дефолтное значение(
    – Grank10um
    6 дек 2022 в 18:16
0

Видимо тут в onHide модального окна надо добавить функцию в которой как раз будет обнуляться значения:

<Modal    
   onHide={() => {
      logins.setSelectedUser(null);
      onHide();
   }}
/>
2
  • не обнуляется. причем при тапе вне модального окна выдает ошибку Uncaught TypeError: logins.selectedUser is not a function
    – Grank10um
    6 дек 2022 в 18:12
  • Тогда нужно знать откуда берется у вас logins и что там лежит. Очень странная ошибка так как внутри модалки этот метод используется нормально вроде как. 11 дек 2022 в 19:28

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.