How do I remove the height of the following div when I want to hide the component?

how do I remove the height of the following style= {{height:"49px"}} when I want to hide the {productfobpricedom} component?

let msgdom ="";

    if (productsubjectdom || minorderunitdom || productfobpricedom || modifiershowdom || maskmoduledom) {
        msgdom = <div className={"msgbox"} style={{ backgroundColor: itemstyle.msgbgcolor, }}>
                {productfobpricedom}
                <div style={{ height:"49px"}}>
                    {minorderunitdom}
                    {modifiershowdom}
                    {productsubjectdom}
                </div>
            </div>
    }
Apr.27,2022

you can bind style according to the value that controls whether the component is hidden or not.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b8e0-4082d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b8e0-4082d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?