Set style background-image on react component

Question

I'm using an inline style to change avatar background-image.

const avatarStyle ={
  backgoundImage: "url('/images/22.jpg')"
};

const avatar() = () => <div style={avatarStyle}></div>

But this code doesn't set any style on this tag.

Does your <div> have any content, or a fixed height/width? — Tom Fenech
– Tom Fenech, Commented Apr 26, 2017 at 17:11

Kushan · Accepted Answer · 2017-04-26 17:18:56Z

3

You have missed letter r on backgroundImage

I think this will work for you,

const avatarStyle ={
  backgroundImage: "url('/images/22.jpg')"
};

const avatar() = () => <div style={avatarStyle}></div>

answered Apr 26, 2017 at 17:18

Kushan

10.7k4 gold badges39 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

undefined · Accepted Answer · 2017-04-26 17:14:41Z

1

Everything works fine. You just made a typo on line 2. Try this

const avatarStyle ={
  backgroundImage: "url('/images/22.jpg')"
};

const avatar() = () => <div style={avatarStyle}></div>

answered Apr 26, 2017 at 17:14

undefined

1,1401 gold badge15 silver badges26 bronze badges