styles.module.css를 사용하여 css를 꾸미는데요.
function TabComponent({ tabs }) {
const [ trans, setTrans ] = useState('');
useEffect(() => {
setTimeout(() => setTrans('trans'), 100);
return () => setTrans('');
}, [ tabs ]);
if (tabs === 1) return <div className={${styles.contents}}>상세정보</div>
}
className에 useState 변수 trans를 어떻게 넣어야하나요??
${trans} 이렇게 하면 module.css가 적용이 안되어 animation이 적용되지 않구요.
${styles.trans} 이렇게 하면 useState의 trans 변수가 사용되지 않더라구요..
module.css를 사용하면서 animation을 사용할 방법은 없을까요??
