es6 variable into string

Question

I am working on a React ES6 application.

Is it possible to declare a variable which will be taken as a variable name, like below with refInput ?

renderInput(inputName) {
    const refInput = `${inputName}Input`;

    return (
        <Input
            ref={(node) => {
                this.refInput = node;
            }}
        />
    );
}

Any help is appreciated, I am really struggling with this

You can construct object property names dynamically, but not variable names. — Pointy, Mar 01 '17 at 14:45

holi-java · Accepted Answer · 2017-03-01T15:12:57.620

0

add properties into an object dynamically,you can use property bracket accessor notation [string_name] on an object.or you can ref element by attribute with string name.

renderInput(inputName) {
  const refInput = `${inputName}Input`;

  return (
    <Input
        ref={(node) => {
            this[refInput] = node;
        }}
    />
  );
}

edited Mar 01 '17 at 15:12

answered Mar 01 '17 at 14:46

holi-java

29,655
7
72
83

FWIW, `[]` is not an operator. – Felix Kling Mar 01 '17 at 14:53
it tagged as an operator in [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors) – holi-java Mar 01 '17 at 15:01
MDN is not the source of truth, the spec is. MDN is great in general, but it has some minor inaccuracies. – Felix Kling Mar 01 '17 at 15:03
could you tell me what the name of []? and I will edit the answer.thanks – holi-java Mar 01 '17 at 15:05
Thanks a lot ! That is now working like expected – Franck Mar 01 '17 at 15:06
The page you linked to actually uses an appropriate term: *property accessor*. And there are two of accessing properties: Using *dot notation* (`foo.bar`) or *bracket notation* (`foo[bar]`). – Felix Kling Mar 01 '17 at 15:07
@Franck Not at all – holi-java Mar 01 '17 at 15:08
@Franck: Please also refer to duplicate question to get more familiar with the proper terminology. – Felix Kling Mar 01 '17 at 15:08
@FelixKling thanks!! – holi-java Mar 01 '17 at 15:09
@FelixKling - I searched and did not found it as I am pretty new I guess I did not search with the right terms. Anyways thanks ! It seems really basic and yet it is the first time I see it. – Franck Mar 01 '17 at 15:12
1

@Franck: Right, it's impossible to find something if you don't know what to search for :) That's why I suggested to look at the terminology used on the duplicate. – Felix Kling Mar 01 '17 at 15:15
1

@FelixKling up!!!the main problem is how to describe the problem correctly.I agree too. – holi-java Mar 01 '17 at 15:17

es6 variable into string

1 Answers1