title: this.state not showing in html
body: <p>Most likely I'm doing this wrong, when I console.log this.state.name and email it shows up in the console but when I render it doesn't show up. I'm vey new to react so please excuse the code, if there is a better method of doing this please show me. what Im trying to do here is fetch a profile page from an axios.get request (profilePage) and display this data on the page</p>
  
  <pre><code>import React, { Component } from 'react';
  import { profilePage } from '../UserFunctions'
  
  export default class Profile extends Component {
      constructor() {
        super();
        //Set default message
        this.state = {
          param: null,
          message: 'Loading...',
          name: '',
          email: ''
        }
      } 
  
      componentDidMount() {
        let Paramvalue=this.props.match.params.id;
        this.state.param = Paramvalue
  
        var user = this.state.param
        profilePage(user).then(res =&gt; {
          this.state.name = res.data[0].fname + ' ' + res.data[0].lname
          this.state.email = res.data[0].email
          console.log(this.state.name)
        })
  
      }
      render() {
        return (
          &lt;div&gt;
            &lt;h1&gt;Home&lt;/h1&gt;
            &lt;h1&gt;{this.state.name}&lt;/h1&gt;
            &lt;h1&gt;{this.state.email}&lt;/h1&gt;
          &lt;/div&gt;
        );
      }
    }
  </code></pre>