how to add element in an array in an array of objects

Question

I get the error: this.state.questions[key] is not iterable
I want to push optiontext from input field to options array

this.state = {
  sections: [{
    key: 1,
    value: 1
  }],
  optionText: '',
  questions: [{
    id: Math.round(Math.random() * 1000000000000000),
    query: '',
    sectionId: 1,
    selectedType: 1,
    options: ['1st option', ],
    isChecked: true
  }],
}
addOption = (key) => {
  const addtext = this.state.optionText //typed text in input 
  let option = this.state.questions[key].options; //trying to access array in array of object 
  this.setState({
    questions: [...this.state.questions[key], addtext]
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

  sections: [{ key: 1, value: 1 }],
  optionText: '',
      surveyTitle: '',
      description: '',
      questions: [{
        id: Math.round(Math.random() * 1000000000000000),
        query: '',
        sectionId: 1,
        selectedType: 1,
        options: ['1st option',],
        isChecked: true
      }],
    }
 addOption = (key) => {
    const addtext = this.state.optionText //typed text in input 
    let option = this.state.questions[key].options; //trying to access array in array of object 
    this.setState({ questions: [...this.state.questions[key], addtext] });
  }

describe the problem. your expected input and output. This question should be useful for future readers who are searching for similar problems, and should be in a format that a person with no prior knowledge of your code can read and understand the problem you are having. — user120242
– user120242, Commented Jul 3, 2020 at 11:25
'this.state.questions[key] is not iterable' i want to push optiontext from input field to options array — Tarang Jain
– Tarang Jain, Commented Jul 3, 2020 at 11:26
You probably want to add an option to the questions array using the push() prototype method. It would be good practice to explore the other prototype methods shown on this page. — Cas Dekkers
– Cas Dekkers, Commented Jul 3, 2020 at 11:27

user120242 · Accepted Answer · 2020-07-03 11:48:49Z

extract option and append a value. Clone questions before splicing in new question with merged options. Update state.

this.state = {
  sections: [{
    key: 1,
    value: 1
  }],
  optionText: '',
  questions: [{
    id: Math.round(Math.random() * 1000000000000000),
    query: '',
    sectionId: 1,
    selectedType: 1,
    options: ['1st option', ],
    isChecked: true
  }],
}
addOption = (key) => {
  const addtext = this.state.optionText //typed text in input 
  let options = this.state.questions[key].options; //trying to access array in array of object 
  options = [...options, addText];
  const questions = [...this.state.questions];
  questions.splice(key, 1, {...questions[key], options});

  this.setState({
    questions
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Collectives™ on Stack Overflow

how to add element in an array in an array of objects

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related