在react中导入.module.scss类的最佳方式

Question

我正在处理一个NextJs项目，我看到了从.module.scss文件导入css类的两种方法。

选项1:

import * as styles from './page.module.scss';
Classes used like this: 
<div className={styles.myClass} />

选项2:

import {myClass} from './page.module.scss';
Classes used like this:
<div className={myClass} />

我一直使用选项2，因为只在渲染中写入类名而不是加载"样式"看起来更干净处处

然而，我了解到，由于某种原因，选项2不适用于故事书？为了让它发挥作用，我必须写这篇文章作为一种变通方法：

import styles from './page.module.scss';
const { myClass } = styles;

所以我想知道，在功能层面上，2之间有什么区别？

Answer 1

在代码的基础上，两者没有区别。两者都涉及在导入过程中销毁对象。