我對這些東西有一個反應組件：
CSS：
.carousel-container > * {
flex-grow: 1;
flex-shrink: 0;
}
.carousel-container.render-1 > * {
width: calc(100% - 10rem);
}
JSX：
import './carousel.css'
<div className={classNames('carousel-container', 'render-1')}>
<div>item 1</div>
<div>item 2</div>
<div>item 2</div>
</div>
一切正常，div 項設定為 c arousel-container.render-1的寬度
但是當我嘗試使用 React CSS Module 做同樣的事情時，div 專案沒有從carousel-container.render-1獲得寬度
.carouselContainer > * {
flex-grow: 1;
flex-shrink: 0;
width: 100%;
}
.carouselContainer.render-1 > * {
width: calc(100% - 10rem);
}
JSX：
import styles from './mycss.module.css'
<div className={classNames(`${styles.carouselContainer}`, 'render1')}>
<div>item 1</div>
<div>item 2</div>
<div>item 2</div>
</div>
有沒有辦法做到這一點？
uj5u.com熱心網友回復：
render-1如果您也為類選擇器使用 React CSS 模塊邏輯，它是否有效？
<div className={`${styles.carouselContainer} ${styles.render-1}`}>
<div>item 1</div>
<div>item 2</div>
<div>item 2</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/508171.html
標籤：javascript html css 反应