inegicomponentes-grafica/src/Componentes/Titulo.js

Componentes de visualizacion 2023 - Graficas

/**==============================================
 *                   Titulo del componente
 *   Fecha 04-01-2024
 *   Modificado 00-00-0000
 *   Descripcion:  
 *
 *=============================================**/

import React, { Suspense, useEffect, useState } from "react";
// import {useStoreGlobal} from "../Stores/Global";

const Titulo = ({titulo, id}) => { 
    // const {titulo, id} = useCallback(useStoreGlobal((state) => state.configuracion)); 
    const [showTitulo, setShowTitulo] = useState(false)
    
    // console.log("### Titulo")

    useEffect(() => {
        // if(titulo !== null){
            // console.log("### Titulo render")
            setShowTitulo(titulo === ""? false : true);
        // }
    },[titulo])

    return (
        (showTitulo)?
            <div id={"cig-titulo-"+id}>
                <h3 key={"cig-h3"+id}>{titulo}</h3>
            </div>
        : <Suspense>titulo!!!</Suspense>
    )
}
export default React.memo(Titulo);