样式化反应中传递给变量的元素

Question

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

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

然后在我的回归中，我使用我的测试变量：

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

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

Answer 1

  

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

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

根据Material-UI网站

  

所有Material-UI组件都将其样式内联定义。

所以基本上如果你的班级的样式不是!important - 它们将被简单地忽略，无论如何都会采用内联的样式。实际上很少有解决方案：

• 改变mui-theme
• 覆盖内联样式
如果要覆盖某些内容，
• 添加到班级样式!important