获得对第一场的任何变化的新的第二文本框和获得第三文本框，只有当事情对第二文本框改变

Question

我具有此功能，默认情况下会显示第一个文本字段。用户在第一个文本字段上书写时，我们立即向他们显示第二个文本字段；当用户在第三个文本字段上书写时，我们向他们显示第四个文本字段。

这是编写的代码，但是问题是，即使用户在第一个文本字段上写了任何东西，我也得到了第二，第三，第四等文本字段，这根本不好。

renderBlock = () => {
  let arr = [];
  for (let i = 0; i < this.state.counter; i++) {
    arr.push(
      <FormItem>
        <TextField
          autoCorrect={false}
          label="Enter the option"
          onChangeText={this.updateOptions}
          name="option"
        />
      </FormItem>
    );
  }
  return arr;
}

我保持的状态

constructor(props) {
  super(props);
  this.state = {
    counter: 1
  };
}

我只是在渲染器中渲染renderblock。