Javascript 反应复选框未正确更新(语义用户界面)

Javascript 反应复选框未正确更新(语义用户界面),javascript,reactjs,semantic-ui,Javascript,Reactjs,Semantic Ui,这是奇怪的,简单的复选框组件状态改变,道具不更新,UI不更新 import React,{Component}来自'React'; 从“语义ui反应”导入{Checkbox} 导出默认类扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 名称:“”, 标签:“”, 勾选:假 }; } render(){ 返回( ); } handleChange(){ 这是我的国家({ 选中:!this.state.checked }); console.log(“prop:+this.props

这是奇怪的,简单的复选框组件状态改变,道具不更新,UI不更新

import React,{Component}来自'React';
从“语义ui反应”导入{Checkbox}
导出默认类扩展组件{
建造师(道具){
超级(道具);
此.state={
名称:“”,
标签:“”,
勾选:假
};
}
render(){
返回(
);
}
handleChange(){
这是我的国家({
选中:!this.state.checked
});
console.log(“prop:+this.props.checked”);
log(“状态:+!this.state.checked”);
}
}
如果我改变

checked={this.props.checked}
对此

checked={this.state.checked}
这是可行的,但我无法设置复选框的初始值,我做错了什么,PS我肯定这在较早时起作用[诚实]

这就是我使用它的方式

<UiCheckBox name={"Tea"} label={"Tea"} checked={false} />

有人吗? 谢谢

您的
handleChange()
仅更改
此.state.checked
this.state.checked
未在
render()方法中使用。因此,没有发生明显的变化

如果要更改
道具
:必须传递
函数
,该函数更新
原始数据存储

其他:您可以使用
道具设置
默认状态


下面是一个实际的例子,你好,阿曼,谢谢你的快速响应,我看到你将状态设置为道具,这就是我需要将其设置为传入的,我想我需要阅读更多关于状态和道具的内容,谢谢