React.js-js-添加兩個字符串並像變量一樣使用

Question

我想動態地從狀態獲取step屬性。

該循環根據狀態中的numberOfSteps數在頁面上生成輸入字段

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

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

我動態設置狀態名稱

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

知道我想使用fetch do db發送此值，我的問題是我無法連接變量名，我已經嘗試過：

this[this.state.step + i]

或評估功能，但無濟於事...

我的變量應該像這樣生成：

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

形成

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);
    }

Answer 1

好像您想這樣做：

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