title: ReactJS problem when calling function inside .map at jsx block code
body: <p>I am trying to call to an arrow function inside jsx statement while using .map() js function:</p>
  <pre><code>      &lt;ul className=&quot;list-group col-10 ms-5&quot;&gt;
          {datoPaises.map((item) =&gt; (
            &lt;li className=&quot;list-group-item&quot; key={item.id}&gt;
              {this.parseRegions(item)}
              &lt;span&gt; Muertes nuevas: {item.today_new_deaths} &lt;/span&gt;
              &lt;span&gt;Muertes totales: {item.today_deaths}&lt;/span&gt;
            &lt;/li&gt;
          ))}
        &lt;/ul&gt;
  </code></pre>
  <p>this.parseRegions(item) is returning TypeError: Cannot read property 'parseRegions' of undefined</p>
  <p>which is not happening when just writing the item inside the jsx block</p>
  <pre><code>      &lt;ul className=&quot;list-group col-10 ms-5&quot;&gt;
          {datoPaises.map((item) =&gt; (
            &lt;li className=&quot;list-group-item&quot; key={item.id}&gt;
              {item.id}
              &lt;span&gt; Muertes nuevas: {item.today_new_deaths} &lt;/span&gt;
              &lt;span&gt;Muertes totales: {item.today_deaths}&lt;/span&gt;
            &lt;/li&gt;
          ))}
        &lt;/ul&gt;
  </code></pre>
  <p>this one display all data correctly, the problem appears when trying to use the function.</p>