Добрый всем день!
Есть две таблицы стилей, условно светлая тема и темная тема. Написал компонент который по клику подгружает .css файл:
class StyleSwitcher extends React.Component {
constructor(props) {
super(props);
this.state = {
checked: false,
}
this.handleOnClick = this.handleOnClick.bind(this);
}
handleOnClick(event) {
this.setState({checked: !this.state.checked});
if (!this.state.checked) {
import('./light.css')
} else {
import('./dark.css')
}
}
render() {
return (
<Fragment>
<input type="checkbox" onClick={this.handleOnClick}/>
</Fragment>
)
}
}
При клике стили меняются на светлый, но при повторном не хочет меняться на темный. Вопрос как реализовать подобное поведение? И как правильней всего работать с динамическими изменяемыми стилями в реакте?
Важное дополнение: должно работать в IE хотя бы 11 версии. 
