Estoy tratando de ocultar un tooltip en dispositivos móviles. Para esto, estoy utilizando useMediaQuery para detectar el ancho de esta manera: const isMobile = useMediaQuery({ query: ‘(max-width: 767px)’ }) Luego estoy pasando isMobile como propiedad “disabled” a un componente ReactTooltip. <reacttooltip disable=”{isMobile}” id=”favouriteMeeting” place=”bottom” effect=”solid”> Hacer favorito </reacttooltip> Pero cada . . . Read more
Estoy usando react tooltip, pero no estoy seguro de cómo obtener los datos en mi tooltip. Me gustaría que las constantes topline y bottomline vayan en el tooltip. ¿Alguien puede señalarme en la dirección correcta? export const SmallCalendar = ({ events }) => { const mapToRender = events?.map((e) => { . . . Read more
Tengo el siguiente código: // App.js useEffect(() => { ReactTooltip.rebuild() }, []) // index.html Necesitas habilitar JavaScript para ejecutar esta aplicación. // MyTooltip.js import ReactTooltip from “react-tooltip”; import ReactDOM from “react-dom”; import React from “react”; import classes from ‘./MyTooltip.module.css’; const MyTooltip = (props) => <React.Fragment> { ReactDOM.createPortal( {props.text} , document.getElementById(“tooltip”) . . . Read more