title: How to map inside a map function in reactjs
body: <p>I have my table view.And i have posfields that are perfecting displaying by 
  using map function.But my problem is when i'm trying to map td inside posfields map function its throwing me the error "'headers' of undefined".</p>
  
  <pre><code>{
    this.POSFields.map(function (posFields, POSFieldsId) {
      return (
        &lt;tr&gt;
          &lt;td className="posheader" key={POSFieldsId} value={posFields.POSFieldsId}
            {posFields.POSFields} &lt;/td&gt;
      &lt;td&gt;
            &lt;select className="selectpicker"&gt;
              &lt;option value=""&gt;Select Value&lt;/option&gt;
              {this.headers.map(function (headers) {
                return (
                  &lt;option key={headers}&gt;{headers}&lt;/option&gt;
                );
              })}
            &lt;/select&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      )
    })
  }
  </code></pre>