title: Rendering table column data in React
body: <p>I currently have a table display a couple of rows with different columns that I defined using array mapping. However, I want the last column or every row to have a button, but right now when I try to log text, it doesn't even show up. Why is this? The text I'm trying to log is where my code says
    <code>&lt;TableRowColumn&gt;
      INSERT BUTTON HERE
  &lt;/TableRowColumn&gt;</code></p>
  
  <pre><code>const row = (currentValue, index, header) =&gt; (
    &lt;TableRow key={`t-${index}`}&gt;
  {
    header.map((headerName, index) =&gt; {
      return (
        &lt;TableRowColumn key={`trc-${index}`}&gt;
          {currentValue[headerName.prop]}
        &lt;/TableRowColumn&gt;
        &lt;TableRowColumn&gt;
          INSERT BUTTON HERE
      &lt;/TableRowColumn&gt;
    )
    })
  }
    &lt;/TableRow&gt;
  );
  
  
  export default ({ data, header }) =&gt;
  &lt;Table&gt;
  &lt;TableHeader&gt;
    &lt;TableRow&gt;
      {
        header.map((headerName, index) =&gt;  // single line arrow implied return
          &lt;TableHeaderColumn key={`thc-${index}`}&gt;
            {headerName.name}
          &lt;/TableHeaderColumn&gt;
        )
      }
    &lt;/TableRow&gt;
  &lt;/TableHeader&gt;
  &lt;TableBody&gt;
    {data.map((currentValue, index) =&gt; row(currentValue, index, header))}
  &lt;/TableBody&gt;
  &lt;/Table&gt;
  </code></pre>