切换按钮处于关闭状态，尽管它的值为true
切换按钮处于关闭状态，尽管它的值为true
提问于 2019-05-23 06:33:43
我在许多选项卡中的一个选项卡中有一个开关，如Help、About等，如下所示：
如您所见，它的值是基于componentDidMount()中的状态变量以编程方式设置的。但切换按钮不会相应地反映该值。我希望它总是在组件挂载时相应地更改。
回答 1
Stack Overflow用户
发布于 2019-05-23 07:28:17
我解决了这个问题。之前我是这样做的：
componentDidMount() {
const {solar} = this.props;
document.addEventListener("keydown", this.handleGlobalKeyDown );
var toggleButton = document.getElementsByName("toggle")[0];
toggleButton.value = solar;
}我将其更改为：
componentDidMount() {
const {solar} = this.props;
document.addEventListener("keydown", this.handleGlobalKeyDown );
this.state.checked = solar;
}它成功了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56265834
复制相关文章
相似问题
腾讯云开发者
