Estoy tratando de usar la biblioteca de información sobre herramientas de reacción para agregar la funcionalidad de información sobre herramientas a mi aplicación. El problema que he encontrado es que pasar className
o class
prop no da como resultado que se agregue la propiedad de class
al elemento div
correspondiente. Después de bastante tiempo estudiando el código de la biblioteca y depurando, todavía no tengo idea de por qué no se agrega. Parece un error en la biblioteca (he publicado un informe de error aquí ), pero no descarto la posibilidad de que pase por alto algo, por lo tanto, publique aquí también.
Versión de la información sobre herramientas de reacción: 4.2.21
Código de reacción:
// App.js useEffect(() => { ReactTooltip.rebuild() }, []) // 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( <div> <div className={classes.backdrop} /> <ReactTooltip id={props.id} type="dark" place={props.place} className={classes.tooltip} > <span>{props.text}</span> </ReactTooltip> </div> , document.getElementById("tooltip") )} </React.Fragment> export default MyTooltip;
HTML generado: <div class="__react_component_tooltip t724ff40a-5699-4bf1-9fd7-7295f4f8e414 place-bottom type-dark" data-id="tooltip"><span>Test tooltip</span></div>
Gracias de antemano por cualquier consejo que ayudaría a resolver este problema.