title: Return and render a div in React
body: <p>Im trying to return a div dynamically from a function in react. Im calling a function to render out directly in the components render function, but it does not render out. Im sure its a simple error in the code but I cant spot it. </p>
  
  <p>The code: </p>
  
  <pre><code>import React, { Component } from 'react'
  
  import ProgressBar from './ProgressBar'
  
  require('styles/_servicesPage/priceCalc.css')
  
  export default class PriceCalculator extends Component {
  
    componentWillMount() {
      this.state = {
        arr: []
      }
    }
  
    minimizeDiv() {
      this.props.toggleDiv(false)
    }
  
  
    returnDiv(){
      return
        &lt;div&gt;
          &lt;p&gt;
            Printing out text!
          &lt;/p&gt;
        &lt;/div&gt;
    }
  
    render() {
      var styleVar = {
        backgroundImage: 'url(assets/images/services/pricecalc_blue_bg.svg)',
        backgroundPosition: 'right center'
      }
  
      return (
        &lt;div className="service-form" id="priceCalc" style={styleVar}&gt;
  
          &lt;div&gt;
            &lt;h1&gt;Priskalkyl för badrum&lt;/h1&gt;
            &lt;p&gt;
              Välkommen att fylla i formuläret,
              så är du ett steg närmare dina drömmars badrum.
            &lt;/p&gt;
          &lt;/div&gt;
  
          {this.returnDiv}
  
          &lt;div onClick={this.minimizeDiv.bind(this)} className="minimizeBorder"&gt;
            &lt;img src="assets/arrows/minimizeArrow.svg"/&gt;
            &lt;p&gt;Minimera&lt;/p&gt;
            &lt;img src="assets/arrows/minimizeArrow.svg"/&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      )
    }
  }
  </code></pre>