单击一个组件，然后将新主题导入另一个组件

Question

因此，我有一个按钮组件...

import "./button.scss";

const button = '<button class="btn">Button</button>';

export default button;

当单击它时，我要导入一个新主题，即此行...“ ./new-theme.scss”; ...进入这个组件

import "./article.scss";

const article = `<article class="article">
    <h1>Sharing variables between JS and Sass using webpack sass-loader</h1>
    <p>This is the GitHub repo and project files for the article on how to share variables between JS and Sass using webpack and sass-loader.</p>
    <p><a href="https://medium.com/@paul.motionimaging/sharing-variables-between-js-and-sass-using-webpack-sass-loader-713f51fa7fa0
">Read the full article</a>
  </article>`;

export default article;

...可以这样做吗？