Css react-通过单击按钮向特定元素添加类名

我是新手。将创建登录和注册组件。单击该按钮时，应该向特定元素添加一个类名，在我的例子中是signWrapper。我试过几种方法，但都不管用。如何通过单击按钮向特定元素添加类名

我的代码在codesandbox上。非常感谢您的任何建议

---

您错误地使用了onClick函数。你必须调用这个

而不是这个

onClick = { () => this.handleClick}

你必须这样做

onClick = { () => this.handleClick()}

像这样处理你的单打

handleClick = () => {
    this.setState({ active: !this.state.active });  // to toggle the state
}; 

---

下面是一个工作示例

像这样调用

onClick

函数：

onClick={this.handleClick}

还有，去图书馆看看。当您有多个类需要根据条件激活或未激活时，它非常有用。这看起来更像以下内容：

className={clsx('signWrapper', { 'right-panel-active': active })}

className={clsx('signWrapper', { 'right-panel-active': active })}