안녕하세요 그레이프시티입니다.
문의 주신 내용에 대해 답변 드립니다.
setTooltip 메서드의 첫번째 매개 변수로 CSS 선택자 혹은 DOM 요소를 지정하여 요소에 툴팁을 추가 할 수 있습니다.
CSS 선택자를 매개 변수로 지정하는 경우, Id, Class 선택자 뿐만 아니라 태그 선택자 등과 같은 모든 CSS 선택자를 이용하여 지정할 수 있습니다.
DOM 요소를 매개 변수로 지정하는 경우, 툴팁을 추가하고자 하는 DOM 요소를 직접 불러와 지정할 수 있습니다.
React 프레임워크와 Wijmo 제품을 함께 사용하신다면, 아래의 코드와 같이 useRef() 를 통해 DOM 요소를 불러와 툴팁을 추가해 보시기 바랍니다.
const refTest = React.useRef();
React.useEffect(() => {
let tt = new Tooltip();
// useRef 로 접근 가능
tt.setTooltip(refTest.current, "ref 로 접근 Test");
});
...
return (
<div className="App">
<div className="container-fluid">
<div ref={refTest}>
<div><p>ref Test</p></div>
</div>
</div>
</div>
);
...
- setTooltip API 문서
API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림