Reactjs 标签样式属性<;切换>;不';t在onToggle()材质ui上更改

Reactjs 标签样式属性<;切换>;不';t在onToggle()材质ui上更改,reactjs,Reactjs,在onToggle()材质ui上,lableStyle属性不会更改,下面是代码。我在状态中声明了'labelstyle'属性,但在调用onToggle()时不会呈现它 构造函数(道具){ 超级(道具); 此.state={ 切换为:false, 标签样式:“红色” }; {this.state.toggled=!this.state.toggled; {console.debug('toggled-----'+this.state.toggled)} this.state.toggled?thi

在onToggle()材质ui上,lableStyle属性不会更改,下面是代码。我在状态中声明了'labelstyle'属性,但在调用onToggle()时不会呈现它

构造函数(道具){
超级(道具);
此.state={
切换为:false,
标签样式:“红色”
};
{this.state.toggled=!this.state.toggled;
{console.debug('toggled-----'+this.state.toggled)}
this.state.toggled?this.state.labelstyle='green':
这个.state.labelstyle='red';
{console.debug('labelstyle-----'+this.state.labelstyle)}
}
}

/>

这行行不通。您不应该像这样更新状态

onToggle={ () => {this.state.toggled = !this.state.toggled} };
这是正确的方法

onToggle={ () => {this.setState({toggled: !this.state.toggled}) };

请阅读React官方文档中有关设置状态的更多信息。

谢谢,我忘记了基本设置。
onToggle={ () => {this.setState({toggled: !this.state.toggled}) };