Я пытаюсь сделать так, чтобы компонент появлялся на экране в зависимости от того, над каким элементом мыши находится курсор в раскрывающемся списке.
Я использую 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
, когда мышь находится над всем полем выбора, а не над каждым его элементом. Как я мог вызвать этот метод для каждого зависания предмета (и получить значение находящегося предмета)?