React에서 툴팁 만들기
3179 단어 beginnerswebdevreactreactnative
React에서 툴팁 만들기
NPM으로 설치
npm install react-tooltip-lite
반응 구성 요소로 가져오기
이제
import Tooltip from 'react-tooltip-lite';
<Tooltip
content="React Tooltip"
direction="right"
tagName="span"
className="target"
>
<a href="http://readymadecode.com">Visit Tutorials</a>
</Tooltip>
이 반응 도구 설명 구성 요소에 사용할 수 있는 많은 소품이 있습니다see here.
React의 스타일 React 툴팁
일부 CSS를 적용하여 툴팁에 반응할 수 있습니다. 아래는 예시입니다.
.react-tooltip-lite {
background: #000000;
color: white;
}
.react-tooltip-lite-arrow {
border-color: #333;
}
구독 좋아요 공유와 긍정적인 피드백을 해주세요.
더 많은 자습서를 보려면 visit my website .
감사:)
행복한 코딩 :)
Reference
이 문제에 관하여(React에서 툴팁 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/readymadecode/create-tooltip-in-react-ke1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)