How to add the parameter when calling the function?

Question

I am trying to figure out how to call a function which has a param, I am using arrow functions.

Just an example:

_openAddDealer = (dealerInfo) => {
  console.log(dealerInfo);
}

And I need to call that from a button

<FloatingActionButton onClick={this._openAddDealer}>

For the rest of the functions I don't need any bind to this or something similar. So, what can I do to something like this:

<FloatingActionButton onClick={this._openAddDealer(dealerInfo)}>

I tried like that but the function is being called when the app loads and not when the button is pressed.

This isn't really an ES6 issue, is it? You're binding a parameter to a function, in any ES*. — Rudie
– Rudie, Commented Oct 15, 2015 at 19:11
Where is dealerInfo coming from where you call the function? — JMM
– JMM, Commented Oct 15, 2015 at 19:20

JMM · Accepted Answer · 2015-10-15 19:22:12Z

1

I assume this is JSX. Likely you're looking for something like:

<FloatingActionButton onClick={() => this._openAddDealer(dealerInfo)}>

answered Oct 15, 2015 at 19:22

JMM

26.9k3 gold badges54 silver badges56 bronze badges

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

2 Comments

Non Over a year ago

Philosophically speaking: AWESOME !

JMM Over a year ago

Great! This is JSX, right? Let's tag it that way and tighten up the title.

Rudie · Accepted Answer · 2015-10-15 19:14:19Z

1

Might it be this simple:

button.onClick = function() {
  // with button's this
  _openAddDealer.call(this, dealerInfo);
  // with outside this
  _openAddDealer(dealerInfo);
};

? I don't know what you're doing with the < etc, so I might misunderstand...

answered Oct 15, 2015 at 19:14

Rudie

54.2k42 gold badges137 silver badges176 bronze badges

1 Comment

Non Over a year ago

did not get the button.onClick. I just did <FloatingActionButton onClick={this._openAddDealer.call(this, dealerInfo)}> and the same happens.

Collectives™ on Stack Overflow

How to add the parameter when calling the function?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related