CODE EXAMPLE FOR JAVASCRIPT

Conditional Rendering in React using Props

//In This Case Both will Show Data
<ProductBlocks ProductData={ProductData.forth_component.top} mainfeature={ProductData.forth_component.bottom} />
Passing Component using Props

// it Will only Show *ProductData
<ProductBlocks ProductData={ProductData.forth_component.top} />
{ProductData &&
                <Box >
            //Your Code 
                </Box>
            }


// it Will only Show *mainfeature
{mainfeature &&
                <Box >
            //Your Code 
                </Box>
            }
//If and One of data is missing it will not call the section 
// *Note Single Component Having Two HTML Section