reactjs - 我有两个动作需要传递给 react.js 上的 onClick 按钮。但是当我这样做时，我没有得到它？有什么办法可以解决吗？

Question

考虑下面的代码：

                    <Modal.Footer>
                    <Button variant="danger" onClick={()=>{
                        {this.props.onHide};
                        {()=> this.setState({userDetailModalShow: true})};
                    }}>User Detail</Button>
                      <Button variant="danger" onClick={this.props.onHide}>close</Button>
                    </Modal.Footer>

所以当我点击用户详细信息按钮时，用户详细信息的模态会显示出来，同时会隐藏之前的模态。但是我在用户详细信息的 onClick 上的多个操作上出现错误。难道我的编码方式不对？还是有其他方法可以做到这一点？

标签： reactjsbuttononclickbootstrap-modalbuttonclick

Answer 1

你试过这样吗？

<Modal.Footer>
   <Button variant="danger" onClick={()=>{
       this.props.onHide();
       this.setState({userDetailModalShow: true});
   }}>User Detail</Button>
   <Button variant="danger" onClick={this.props.onHide}>close</Button>
</Modal.Footer>