React.js：在不改变状态的情况下改变内联“CSS”

Question

我正在使用 Next.js，其中包含标准的 React.js 代码。 我知道如果不改变 React 中的状态（例如使用 useState() 钩子），事情就不会在屏幕上呈现，因此，我一直在使用 useSate()。

然而，最近，我能够使用模板文字在此类代码的屏幕上查看“CSS”更改：

let obj;

const x = () => {
 ... some code ...
return obj = numeralValue;
}


obj = x();

...

return (
<>
<SomeReactComponent style={{transform: `scaleY(${obj})`}}/>
</>)

结果：元素的比例发生变化。

当然，如果没有 useState() 钩子，代码的其他不相关部分不会更改屏幕上的任何内容（并且它们也不使用任何模板文字）。

这是“错误”而不是“反应足够”吗？ 我可能可以用一个简单的 useState() 钩子做同样的事情，我只是想知道像上面的代码那样做会不会影响性能或其他什么。