What is the difference in these two ways of writing styles?

Question

React

Option 1:

style ={{background: `url(${props.item.img}) center center no-repeat`,}}

Option 2:

style ={{   
    backgroundImage: `url(${props.item.img})`,
    backgroundPosition: 'center center',
    backgroundRepeat: 'no-repeat',
}}

What is the fundamental difference between the two ways of writing styles inline in React?
The question arose because option 1 sometimes omits the "center center" property. I had to write through option 2 and everything became normal. Why did it happen?

Answer 1

I suspect some garbage arrives in img, which cuts off the rest of the record. Otherwise, no difference. Well, except that background overwrites all other properties (even those that are not specified, i.e. if background-color was set, it will become the default, i.e. transparent).