Return and render a div in React
<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>