Всем привет, помогите пожалуйста, может кто сталкивался. есть реакт компонент, который

Question

Всем привет, помогите пожалуйста, может кто сталкивался. есть реакт компонент, который

содержит в себе ещё целую иерархию подкомпонентов. Нужно отловить клик вне родительского компонента.
написала HOC который оборачивает child в div и этому div присваивает wrapperRef.
собственно, то, кликнул пользователь где-то внутри родительского или за его пределами определяется вот таким условием: if (wrapperRef.current && !wrapperRef.current.contains(event.target)) (т.е. что div, на который я вешаю wrapperRef внутри себя не содержит event.target)
Все работает хорошо, НО! При клике на InputAdornment поля TextField библиотеки material-ui wrapper ref =null и как следствие => т.к. родительский див не определен, а поиск внутри него через contains не возможен, то и все клики распознаются как сделанные вне контейнера. В чем может быть проблема?

#frontend #javascript #programming #react.js #russian

0

23.12.2019