切换按钮处于关闭状态，尽管其值为true

Question

我可以在许多选项卡（例如“帮助”，“关于”等）之一中进行切换，如下所示：

如您所见，它的值是基于componentDidMount（）中的状态变量以编程方式设置的。但是切换按钮不会相应地反映该值。我希望它在安装组件时总是相应地更改。

Answer 1

我解决了这个问题。以前我在做：

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;
}

成功了！