product details Cant show after click

after product details click cant show any data show me blank page help me anyone please

import React, { Component, Fragment } from 'react'
import { Container,Row,Col, Form,Button } from 'react-bootstrap'
import Product1 from '../../assets/images/product/product1.png'
import Product2 from '../../assets/images/product/product2.png'
import Product3 from '../../assets/images/product/product3.png'
import Product4 from '../../assets/images/product/product4.png'
import NavMenuDesktop from '../common/NavMenuDesktop'
import FooterDesktop from '../common/FooterDesktop'
import SuggestedProduct from '../ProductDetails/SuggestedProduct'

class ProductsDetails extends Component {
render() {
let ProductAllData = this.props.data;

let title = ProductAllData['productList'][0]['title'];

return (
    <Fragment>
     <Container fluid={true}  className="BetweenTwoSection">
        <NavMenuDesktop />

        <Row className="p-2">

{title}

Some Of Our Exclusive Collection, You May Like Some Of Our Exclusive Collectio

Reguler Price 200
50% Discount
New Price 100

Choose Color

Black



Green



Red

Choose Size

X



XX



XXXX

    </Fragment>
)

}
}

export default ProductsDetails