How to display images in react that its src from local json server

I map on the data and make to every object ul and li and image.
the src for the image from the data that comes from json and it is a key and value "src":"./icecream.jpg.
" in the object.
that what it look like : <img src={p.src}/>.. p here means the object, then inside that object the src and its value like './icecream.jpg'.

{"name": "Ice Cream", "details": "Ice Cream",  "icart": "No",
 "id": 10, "count": 35, "price": 17, "itnum": 1, "src":"./icecream"},

    {props.pr.map(p=>(
        <ul className='ul-pr-shopping cont ' key={p.id}>
            <li><img src={p.src} alt="not found"/></li>