title: Add items to list in ReactJS
body: <p>I want to add <code>multiple</code> items in my <code>list</code> on button click.
  My list looks like this:</p>
  
  <pre><code>constructor() {
    super();
      this.state = {
          movieData: 
          [
              {
                  "MovieID": 1,
                  "MovieName": "Iron Man",
                  "LeadActor": "Robert Downey Jr.",
                  "LeadActress": "Gwyneth Paltrow",
                  "YearOfRelease": 2008,
                  "Language": "English"
              },
              {
                  "MovieID": 2,
                  "MovieName": "Iron Man 2",
                  "LeadActor": "Robert Downey Jr.",
                  "LeadActress": "Gwyneth Paltrow",
                  "YearOfRelease": 2010,
                  "Language": "English"
              },
              {
                  "MovieID": 3,
                  "MovieName": "Thor",
                  "LeadActor": "Chris Hemsworth",
                  "LeadActress": "Natalie Portman",
                  "YearOfRelease": 2011,
                  "Language": "English"
              }
      ]
  };
  </code></pre>
  
  <p>There should be a form with <code>input</code> elements that takes values: <code>id</code>, <code>movie name</code>, <code>lead actor</code>, <code>lead actress</code>, <code>year of release</code>, <code>language</code>.</p>
  
  <p>Now, I have found solutions to add item to an array, which is this:</p>
  
  <pre><code>this.setState(prevState =&gt; ({
      myArray: [...prevState.myArray, 1]
  }));
  </code></pre>
  
  <p>But, even with this method, I can add only single item on button click.</p>
  
  <p>How can i add multiple items to my list in this format: </p>
  
  <pre><code>{
         "MovieID": some value,
         "MovieName": "some value",
         "LeadActor": "some value",
         "LeadActress": "some value",
         "YearOfRelease": some value,
         "Language": "some value"
  }
  </code></pre>