Generic variable and function calling in Javascript

Question

I am trying to find a way to use generic variable and function calling. Like setting a reference in react dynamically, depending on another variable.

An vision of what I would like to get is:

ref={ref => (eval(`this.${this.props.controlId}`) = ref)}

which would end up being something like

this.props.controlId = "myid"

ref={ref => (this.myid = ref)}

Jai · Answer 1 · 2020-02-20T12:59:29.530

0

Well, you can destruct the props like:

const { controlId : myId } = this.props; // renamed to myId
ref={ref => (this[myId] = ref)} // <---here you can use it.

In your case you can use [] notation for this:

ref={ref => (this[this.props.controlId]= ref)}

edited Feb 20 '20 at 12:59

answered Feb 20 '20 at 12:14

Jai

I don't see how the first suggestion solves the OP problem? – Felix Kling Feb 20 '20 at 12:27
I guessed it can be used as `this[myId]`. @FelixKling – Jai Feb 20 '20 at 12:30
Yes, but you should add that. I would suspect the OP to try `this.myId` first. – Felix Kling Feb 20 '20 at 12:58

1 Answers1