从反应内部触发元素样式更改/转换

Question

我有一个范围滑块组件，每当滑块更改/移动/递增时，它都会输出 console.logging。我希望这会触发我页面上 css 形状比例的变化，以便当您将音量滑块从 1 增加到 10 时 css 形状的大小会增加。我目前的 css 样式位于单独的 .scss 文件中。扩展它的正确方法是什么？

Answer 1

如何声明内联比例（我还没有测试过）？：

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

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

其中 x 是滑块正在修改的变量