내에서 요소 스타일 변경/변환을 트리거링합니다.

Question

범위 슬라이더 구성 요소가 있으며 슬라이더가 변경/이동/증가 될 때마다 console.logging 출력이 있습니다. 내 페이지에서 CSS 모양의 크기를 변경하여 CSS 모양이 크기가 커지도록 볼륨 슬라이더를 1에서 10까지 늘리 길 원합니다. 현재 CSS 스타일링을 별도의 .scss 파일에 두었습니다. 크기를 조정하는 올바른 방법은 무엇입니까?

Answer 1

방법 (I이 테스트를하지 않은 경우)? 스케일 인라인 선언에 대한

X는 당신의 변수가 슬라이더에 의해 수정되는

const styles = { 
    transform: `scale(${x}%` 
}; 

return (
    <element style={styles}></element> 
);