У меня есть такой метод render() в моем корневом компоненте:
render: function() {
return (
<div className="question">
<QuestionA question={this.props.question} author={this.props.author}/>
<QuestionB yes={this.state.yes} no={this.state.no} />
<div className="question-side-switcher" onClick={this.handleSideChanging}></div>
</div>
);
}
Где я хочу переключать "активный" класс между компонентами QuestionA и QuestionB, когда пользователь нажимает кнопку. Как я могу это сделать? Имейте в виду, что QuestionA и QuestionB устанавливают свои собственные имена классов в своих методах render(). Например, QuestionB render():
render: function() {
return (
<section className="question-b-container">
...
</section>
);
}