javascript - 为反应中传递给变量的元素设置样式

Question

我不确定这叫什么，但我创建了一个名为 test 的变量，并将其设置为等于一个元素。

var test = <Button className="testButton" />

然后在我的回报中，我像这样使用我的测试变量：

render () {
var test = <Button className="testButton" />
  return{
    {test}
  }
}

我尝试通过应用 className 来设置按钮的样式，但这似乎不起作用。关于我如何做到这一点的任何想法？

score 1 · Accepted Answer

该按钮来自 Material-UI 还是来自什么？

它确实与 Materia-UI 有某种联系。我几乎可以肯定 Button 获得了类testButton并将这些样式与它相关联。但是 Material-UI 中的 Button 通过 MUI-Theme 从内联样式中获取样式。

根据 Material-UI 网站

所有 Material-UI 组件的样式都是内联定义的。

因此，基本上，如果您的班级没有样式!important-它们将被简单地忽略，并且无论如何都会采用内联样式。实际上，解决方案很少：

1 回答 1