React.js - js - add two strings and use this like variable

Question

I want to get step property from state dynamically.

That loop generates input fields on page depending on numberOfSteps number in state

  makeInputs = () => {
    let steps = [];

    for (let i = 1; i <= this.state.numberOfSteps; i++) {
      steps.push(
        <input onChange={this.inputChangeHandler} name={"step" + i} />
      );
    }
    return steps;
  };

I set dynamically state names

  inputChangeHandler = e => {
    this.setState({
      [e.target.name]: e.target.value
    });
  };

Know I want to send this values with fetch do db, my problem is that i cannot concat variable names, I have tried:

this[this.state.step + i]

or eval function but nothing works...

My variable should be generated like this:

this.state.step1
this.state.step2
this.state.step3

form

let steps = [];

    for (let i = 1; i <= this.state.numberOfSteps; i++) {
      let stepObj = {
        id: i,
        name: eval('this.state.step' + i),
        description: "hejo"
      };
      steps.push(stepObj);
    }

Eugene Tsakh · Accepted Answer · 2018-10-11 19:11:38Z

1

Seems like you want to do this:

this.state[`step${i}`]

answered Oct 11, 2018 at 19:11

Eugene Tsakh

2,8812 gold badges18 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

React.js - js - add two strings and use this like variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related