React & CSS：如何在 React 的 css 模块中覆盖 ：root？

Question

简短的问题。我试图建立一个应用程序的主题选择器，并想知道如何改变一个css模块的:根在按下一个按钮在jsx。

Answer 1

更新:我发现了一些东西。我想知道这样做是否可以

import React, {useState} from 'react'
const _settings = () => {
function x() {
document.querySelector(':root').style.setProperty('--primary-color-darkgreen', "red")
}
return (
<div>
<button onClick={x}></button>
</div>
)
}
export default _settings