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

【问题标题】：Styling an element that is passed into a variable in react为反应中传递给变量的元素设置样式
【发布时间】：2016-01-03 22:39:23
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

根据 Material-UI 网站

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

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

【讨论】：

我不确定它是否会有所作为，但是是的，我正在使用材料 ui
确实如此。我几乎可以肯定 Button 获得类 testButton 并与这些样式相关联。但是 Material-UI 中的 Button 通过 MUI-Theme 从内联样式中获取样式。如果您真的想更改这些按钮的样式，请在连接到该类的样式中使用 !important。或者更好的是，尝试更改主题（或添加内联样式）。