title: Use of array.map and onchange in React
body: <p>The code below contains an <code>array.map</code> function what is the function of <code>term</code> and <code>i</code> and where was it gotten from, and what does the <code>array.map</code> and the <code>onchange</code> do</p>
  
  <pre><code>import React, { Component } from 'react';
  
  class Apps extends Component {
  
  componentDidMount() {
  }
  
  iLikeFunctions() {
  console.log('yay functions');
  }
  
  render() {
  
  var array = ['here','we','go'];
  
  var no = 'yes';
  const display = 'My Name';
  
  return (
    &lt;div&gt;
      &lt;p&gt;{display}&lt;/p&gt;
      &lt;hr /&gt;
      &lt;input type="text" onChange={this.iLikeFunctions} /&gt;
      &lt;table&gt;
        &lt;tbody&gt;
          {array.map((term,i) =&gt; {
            no = 'no';
            return (
              &lt;tr key={i}&gt;
                &lt;td&gt;{term}&lt;/td&gt;
                &lt;td&gt;{no}&lt;/td&gt;
              &lt;/tr&gt;
            )
          })}
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
   );
  
    }
  }
  
  export default Apps;
  </code></pre>