Set default source value for the image element in react

[aliibra9214]

Hello everyone

i wanted so set default src value for my img element in react

import React from "react";
import blogData from "../data/blog";

function About(props) {
   
    return (
        <aside>
           <img  src={props.src = "https://via.placeholder.com/215"}  alt="blog logo"/>
           <p>{props.about}</p>
        </aside>
    )
}

export default About

I’ve tried this so far but it gives me this error

TypeError: Cannot add property src, object is not extensible

any tiny help will be appreciated.

[camperextraordinaire]

You should probably review the following two challenges:

• Use Default Props
• Override Default Props

[aliibra9214]

Thanks for your response @camperextraordinaire , but i wanted to do it in a function component not class component, I’ve researched on the internet but didnt find how to do it .

[aliibra9214]

Update: Thank you very much, it worked in the same way as the Challenge suggested