react-transition-group - 如何将 css 模块中的类包含到 react-transition-group 组件中?
问题描述
我正在使用 react-transition-group 库和样式 css module.scss,如何正确地将类传递给组件?
现在我评论了 .module.scss,而是使用简单的 .scss 文件
import './SideDrawer.style.scss';
// import style from './index.module.scss';
const NavBar = ({ showSideDrawer, currentUser }) => {
return (
<div>
<CSSTransition
in={showSideDrawer}
timeout={300}
// classNames={{ ...style }}
classNames="menu"
unmountOnExit
>
<SideDrawer currentUser={currentUser} />
</CSSTransition>
</div>
);
};
如何在组件中正确设置 classNames?
解决方案
推荐阅读
- docker - Go Webapp 的 Dockerfile 目录结构
- gcc - 编译器如何选择哪个“get_pc_thunk”函数来获取当前地址?
- wifi - (IoT) 为什么 zigbee 智能设备需要额外的网关才能连接到 WAN?
- c# - MVC5 的日期选择器,C#
- vaadin8 - vaadin grid:如何在行之间创建标题
- python - sqlalchemy 引擎对象是否自动处理?
- javascript - 如何在 snap ScrollView 中获取项目更改的事件?
- sql - 向查询和子查询添加额外的 SQL 逻辑/转换
- javascript - 数组中项目的顺序
- google-cloud-storage - Flink 检查点到 Google Cloud Storage