title: How can I add menuItem from an array?
body: <p>this is my array</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>const cct =cca.table.field.split(',');
  console.log(cct);</code></pre>
  </div>
  </div>
  
  How can I use it to add menuItem for my SelectInput
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;SelectInput value={this.state.value}
              onChange={this.handleDropDownChange}            
              maxHeight={200}
              
              floatingLabelFixed={true}
              &gt;
              {myarray}
          &lt;/SelectInput&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried to do it this way </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    const cct = cca.table.field.split(',');
      const items= [];
      cct.forEach(element =&gt; {
        cct.push(&lt;MenuItem key={element.Key} value={element.Key} primaryText={element.Value} /&gt;);
      });
      console.log(cct);</code></pre>
  </div>
  </div>
  </p>
  
  <p>but it doesn't work</p>