title: Is there any way to bind name instead of id in table by comparing with another array
body: <p>I am working on react js table and I am stuck. Is it possible to bind name instead of id to <code>table</code> by comparing it with another array?</p>
  <p>Example:</p>
  <pre><code>this.state={
  table :[{countryId:1,cityId:1}],
  countries:[{id:1,name:&quot;india&quot;},{id:2,name:&quot;USA&quot;}],
  cities:[{id:1,name:&quot;hyd&quot;},{id:2,name:&quot;chennai&quot;}]
  }
      &lt;tbody&gt;
        &lt;tr&gt;
         &lt;td&gt;country Name&lt;/td&gt;
         &lt;td&gt;city Name&lt;/td&gt;
        &lt;/tr&gt;
       
      {this.state.table.map((item)=&gt;{
      return(
      &lt;tr&gt;
         &lt;td&gt;{item.countryId}&lt;/td&gt; //here iam getting id of country and need to compare and return the country name from another array
         &lt;td&gt;{item.cityId}&lt;/td&gt; //same like above,need to compare with cities array and return city name for corresponding city id
       &lt;/tr&gt;
      )}
      
      &lt;/tbody&gt;
  </code></pre>