title: How do you create a complete html like table in reactjs?
body: <p>I'm learning react and I'm trying to figure out how I would put this information into a table. I know there is</p>
  <pre><code>&lt;table&gt;&lt;/table&gt; 
  </code></pre>
  <p>in html so I'm assuming I would use something like that within the javascript. I'm trying to create a table where the month of the birthday contains the name and the date of each person.</p>
  <p>Any advice/help would be great!</p>
  <pre><code>    class App extends React.Component {
            constructor(props) {
              super(props);
  
              this.state = {
                birthdays: {
                  'January': [{
                    name: 'Mike',
                    date: '1/14/90'
                  }, {
                    name: 'Joe',
                    date: '1/7/92'
                  }],
  
                  March: [{
                    name: 'Mary',
                    date: '3/7/88'
                  }]
                }
              }
            }
  
            render() {
              return ( 
                 &lt;div&gt;
                  {Object.keys(this.state.birthdays).reduce((birthdays, month) =&gt; {
                    return birthdays.concat(this.state.birthdays[month].map((bday) =&gt; {
                       return (
                          &lt;p&gt;{bday.name} - {bday.date}&lt;/p&gt;
                  );
              }));
          }, [])}
        &lt;/div&gt;
      );
  }
  ReactDOM.render(&lt;App /&gt;, 
  document.getElementById('container'));
  </code></pre>
  <p>Excuse the formatting of the code.</p>