how to remove imported css in create-react-app?

Question

In my content.tsx file I have:

import style from 'style.css';

The CSS file is imported and appended to head when the page is loaded which is fine, but is there a way to remove this style from DOM inside the same content.tsx?

console.log(style) only shows a empty object.

Facing the same problem. I still didn't found how to properly unload CSS or a workaround to do this. Did you? — João Vitor Verona Biazibetti
– João Vitor Verona Biazibetti, Commented Sep 26, 2018 at 17:34

esausilva · Accepted Answer · 2018-01-24 19:27:03Z

-1

Just remove import style from 'style.css'; from your component if you don't want to include the CSS

answered Jan 24, 2018 at 19:27

esausilva

2,1366 gold badges30 silver badges55 bronze badges

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

1 Comment

Bielcito Over a year ago

So... once a style is imported, there's no way to remove it from DOM? Obviously i can do a page refresh, but in that scenario, all other styles will disappear.

Collectives™ on Stack Overflow

how to remove imported css in create-react-app?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related