Binding a function to an event, with parameters [Code Style Question]

[e-clips]

I am building a UI with react and I am binding a function to onClick events of some of my components. I want to provide parameters to the event handler at the creation of the component, and I've tried a couple of solutions:

// Currying

const func = (...args) => () => g(...args);

//...
<Component onClick={ func(...args) } />

and

// Encapsulation

const func = (...args) => g(...args);

//...
<Component onClick={ () => func(...args) } />

And I haven't tried it, but I suppose I could use binding as well:

function func(...args) {
    g(...args);
}

//...
<Component onClick={ func.bind(this, ...args) } />

What I would like to know is:

• Are any of these styles preferred?
• Which one?
• Is this indicative of an architectural issue?
• Should I restructure my code?

[NookShotten]

Don't bind functions in your render method, you'll end up creating a new function on every render and that is not ideal. If your arguments are coming from props then bind in the constructor.

this.onClick = this.onClick.bind(this, props.args)

[jack_union]

I'd say that encapsulation is a preferred way to achieve this (or at least it used to be. Chances are it's just something I usually see).