title: How to use map() First map() parameter in Second map() method?
body: <pre><code>      &lt;div className='login'&gt;
            &lt;p style={{paddingLeft: '30px'}}&gt;login&lt;/p&gt;
            &lt;ul&gt;
            {fetch.userData &amp;&amp; fetch.userData.map((user, key)=&gt;&lt;li key={key}&gt;{user.login}&lt;/li&gt;)}
            &lt;/ul&gt;  
       &lt;/div&gt;
       &lt;div className='type'&gt;
            &lt;p style={{paddingLeft: '30px'}}&gt;type&lt;/p&gt;
            &lt;ul&gt;
            {fetch.userData &amp;&amp; fetch.userData.map((user, key)=&gt;&lt;li key={key}&gt;{user.type}&lt;/li&gt;)}
            &lt;/ul&gt;  
       &lt;/div&gt;
       &lt;div className='url'&gt;
            &lt;p style={{paddingLeft: '30px'}}&gt;url&lt;/p&gt;
            &lt;ul&gt;
            {fetch.userData &amp;&amp; fetch.userData.map((user, key)=&gt;&lt;li key={key}&gt;{user.url}&lt;/li&gt;)}
            &lt;/ul&gt;  
       &lt;/div&gt;
  </code></pre>
  <p>This is Firtst code But I am trying to do duplicate codes through <strong>map()</strong>. Like this..</p>
  <pre><code>{['login', 'type', 'url'].map(value =&gt; {
            return (
          &lt;div className={value}&gt;
            &lt;p style={{paddingLeft: '30px'}}&gt;{value}&lt;/p&gt;
            &lt;ul&gt;
            {fetch.userData &amp;&amp; fetch.userData.map((user, key)=&gt;&lt;li key={key}&gt;{user.`${value}`}&lt;/li&gt;)}
            &lt;/ul&gt;  
          &lt;/div&gt;
            )
          })}
  </code></pre>
  <p>But I can't use First Parameter <strong>value</strong> in Second map() fetch.userData.map().
  Any one know this problem??</p>