更改材料中的标签颜色-ui

时间:2017-03-11 01:24:01

标签: reactjs react-jsx material-ui

我正在尝试更改subheader组件的颜色。它只会在我这样写的时候改变

<subheader style={color.disabled} >Middle Name : </subheader>

,其中

const color = {
   disabled: {
    color: grey500,
  },
};

我正在尝试在更改状态时更改子标题颜色。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

除非我误解了这个问题,否则除了标准使用状态之外,似乎不再存在这个问题:

changeSubheader() {
  this.setState(
    subheaderDisabledColor: {
      disabled: {
        color: red500,
      },
    };
  );
};

<subheader style={this.state.subheaderDisabledColor}>Middle Name : </subheader>

https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly