1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
import Tooltip from 'react-tooltip'; ... const tooltipMessage = (visible) => visible ? 'Hide' : 'Show'; const Bottom = ({ visible }) => ( <Wrapper> <Tooltip id="my_tooltip" multiline effect="solid" type="info" className="my_class_tooltip" getContent={() => tooltipMessage(visible)} /> <VisibleButton onClick={...} type="button" data-for="my_tooltip" data-tip="" > </Wrapper> ); |