Кнопка переключения находится в выключенном состоянии, хотя ее значение равно 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;
}

И это сработало!