如何设置开关按钮的启用和禁用

时间:2018-07-12 18:27:49

标签: javascript reactjs

这是当我单击按钮时此代码有效

openRightMenu() {

     this.props.toogleCollapse();
    }

   <Button  onClick={this.props.toogleCollapse}> /></Button> 

我需要如何将上述Button onclick功能设置到开关。这意味着当我启用开关时,此功能需要工作onClick = {this.props.toogleCollapse}。怎么办?我的切换代码:

<Switch size="small" checked={disabled} onChange={this.handleDisabledChange} />  

handleDisabledChange功能代码:

handleDisabledChange = (disabled) => {
    this.setState({
         disabled 
        });
    }

Switch

1 个答案:

答案 0 :(得分:2)

Button的onClickReact.EventHandler-它的第一个参数。是与点击相关联的Eventdisabled [sic]中的toogleCollapse将被设置为事件。

我认为您想要的是

<Button  onClick={() => this.props.toogleCollapse(!disabled)}> /></Button> 

...尽管缺少很多代码,这些代码会揭示一些上下文,所以我可能会完全不了解。