Как обрабатывать события наведения мыши на выделенные элементы раскрывающегося списка - PullRequest
0 голосов
/ 25 марта 2020

Я пытаюсь сделать так, чтобы компонент появлялся на экране в зависимости от того, над каким элементом мыши находится курсор в раскрывающемся списке.
Я использую semantic-ui-react, но если есть другой инструмент, который может делать то, что мне нужно, Я хотел бы знать.

На данный момент, это фрагмент кода, который у меня есть только относительно части выбора (остальное работает нормально):

<Form.Group className="formGroup">
                <Form.Field
                    control={Select}
                    placeholder="..."
                    options={chairs}
                    onChange={(e: any, t: any) => props.selector(t.value, "selectedChair")}
                    onMouseEnter={() => props.onMouseOn(true)}
                    onMouseLeave={() => props.onMouseOn(false)}/>
</Form.Group>

Проблема в том, что Очевидно, что это решение вызывает onMouseEnter, когда мышь находится над всем полем выбора, а не над каждым его элементом. Как я мог вызвать этот метод для каждого зависания предмета (и получить значение находящегося предмета)?

...