title: react redux reducer adding object to array in object
body: <p>I am working on a react redux app. I have state object like</p>
  
  <pre><code>const initialState = {
    articles: []
  };
  </code></pre>
  
  <p>each item in 'articles' is like</p>
  
  <pre><code>{
      id:1,
      data:'data'
  }
  </code></pre>
  
  <p>I need to add another object to the array without removing the existing objects in the array.</p>
  
  <p>I tried </p>
  
  <pre><code>return {...state,articles: [...state.articles] };
  </code></pre>
  
  <p>in my reducer but it ends up removing the existing items.</p>
  
  <p>what should it be so that it does not remove existing items?</p>