Following is the link for the code sandbox URL for the react materail ui tooltip.

React tooltip set state dynamically Once you run the codesandbox url it will displays the 3 Avtar with the title ABC , DEF and one yellow background delete icon.

Once you roll over ABC and DEF it displays the tooltip for the title.

And once you click it will show the tooltip in popup,But once you click out side, The popup is working fine but hover tooltip still is there ?

How can we remove that hover tooltip once click outside ?

Could some one also let me know how to optimize state and set the state dynamically?

How we can make one generic function onABCHadler and onDEFHadler?

Thanks

0 Answers