Use background image using css file in ReactJs

Question

I have a react application in which on checking certain checkboxes I am adding or changing a certain image icon.

.checkbox1:checked ~ .icon-span {
   background: url('../../../../assets/images/icon_plus.svg');
}

Which is giving me this:

background: url([object Module]); //invalid property value

But path is correct, how do I correct this?

Ameya Shetye · Accepted Answer · 2020-06-11 03:09:08Z

1

This should work .checkbox1:checked ~ .icon-span { background: url(${require("../../../../assets/images/icon_plus.svg")}); }

answered Jun 11, 2020 at 3:09

Ameya Shetye

465 bronze badges

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

1 Answer 1