Hide ReactTooltip after hover off

Roland Kovács answered on May 30, 2022 Popularity 4/10 Helpfulness 3/10

answer Hide ReactTooltip after hover off

Hide ReactTooltip after hover off

Comment

const [tooltip, showTooltip] = useState(true);

<>
 {tooltip && <ReactTooltip effect="solid" />}
 <p
   data-tip="hello world"
   onMouseEnter={() => showTooltip(true)}
   onMouseLeave={() => {
     showTooltip(false);
     setTimeout(() => showTooltip(true), 50);
   }}
 />
</>

Popularity 4/10 Helpfulness 3/10 Language javascript

Source: bugsfixing.com

Tags: hide hover javascript react-tooltip

Link to this answer
Share Copy Link

Contributed on May 30 2022

Roland Kovács

0 Answers Avg Quality 2/10

Hide ReactTooltip after hover off

Contents

More Related Answers

Hide ReactTooltip after hover off

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.