Passing multiple actions to onClick event in a react-bootstrap Button

Question

Consider a react/redux application with react-bootstrap components.

This may be a very rookie question, but I am trying to pass multiple actions to a single onClick event on a Button from a react-bootstrap library.

<Button bsStyle="success" bsSize="small" onClick={someCallback; someOtherCallback;}>
  Something
</Button>

How to do this properly?

moonwave99 · Accepted Answer · 2016-02-17 22:42:37Z

3

Wrap them in another function:

<Button bsStyle="success" bsSize="small" onClick={onButtonClick}>
  Something
</Button>
...
onButtonClick = function(event){
  someCallback()
  someOtherCallback()
}

answered Feb 17, 2016 at 22:42

moonwave99

22.9k3 gold badges49 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

solimanware · Accepted Answer · 2016-02-17 22:43:25Z

0

You can use the following code to do more than one thing when the button is fired

function doMagic {
  //do something
  //do another thing
}

<Button bsStyle="success" bsSize="small" onClick="doMagic()">
  Something
</Button>

answered Feb 17, 2016 at 22:43

solimanware

3,0524 gold badges22 silver badges42 bronze badges

Comments

Ahmedakhtar11 · Accepted Answer · 2020-01-09 23:16:34Z

-1

I think there's OnClickCapture as well that works for a secondary Click Event. Probably not the most efficient way, but I think it works in the meantime if you use Onclick for the first function and OnclickCapture for the second function.

answered Jan 9, 2020 at 23:16

Ahmedakhtar11

1,58819 silver badges9 bronze badges

Collectives™ on Stack Overflow

Passing multiple actions to onClick event in a react-bootstrap Button

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related