首页 > 解决方案 > 如何将 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?

标签: react-transition-group

解决方案


推荐阅读