title: How to rename object data response in React
body: <p>So I'm trying to rename an object property for an array of objects.</p>
  <p>Here is generally what the response looks like:</p>
  <pre><code>response: [{
     name: 'Manage User',
     id: 1,
  }, {
     name: 'Manage Region',
     id: 2,
  }, {
     name: 'Manage BTP',
     id: 3,
  }],
  </code></pre>
  <p><strong>the function</strong></p>
  <pre><code>getResponseRename() {          
    return this.response.map((data) =&gt;
      &lt;div&gt;
          &lt;p&gt;title: {data.key}&lt;/p&gt;
          &lt;span&gt;key: {data.title}&lt;/span&gt;
          &lt;hr/&gt;
      &lt;/div&gt;
    );
  }
  
  render() {
   return(
      &lt;div&gt;{this.getResponseRename()}&lt;/div&gt;
   )
  }
  </code></pre>
  <p>and I would like to change the payload <code>name</code> to <code>title</code> and <code>id</code> to <code>key</code>.</p>
  <p>How could I change this and mapping the new response data after rename it? any help would be really appreciated.</p>