css - 使用 Button React 更改 .scss

Question

如何根据 React 中的值按钮更改@import？

我想要的例子: 我有 this.state.modal = false

.js:

handleChange = () => {
  this.setState({
    modal: !this.state.modal
  })
}
<button onClick={this.handleChange}>Test</button>

和我的.scss:

if(this.state.modal === true) {
  @import 'theme/white';
} else {
  @import 'theme/black';
}

当然我不能用 .scss 调用，但基本上这就是我想要的

Answer 1

您可以按照这篇 StackOverflow 帖子中的描述尝试一些操作。

https://stackoverflow.com/a/46543835/2853568

它返回一个 promise ， promise 解析的结果是您有条件地希望导入的模块。