title: React TinyMCE - set initial value
body: <p>I am using the <code>react-tinymce</code> component to implement TinyMCE in my React app. </p>
  
  <p>I am implementing this component as follows:</p>
  
  <pre><code>import React, { Component } from 'react';
  import TinyMCE from 'react-tinymce';
  
  class Textarea extends Component { 
  
    constructor(props) {
      //...
    }
  
    render() {
  
      return (
  
          &lt;TinyMCE
            name={this.props.name}
            content={this.props.value}
            onChange={this.handleFieldChange}
            config={{
               plugins: 'autolink link image lists print preview code',
               toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
            }}
          /&gt; 
      )
    }    
  }
  </code></pre>
  
  <p>Im passing <code>this.props.value</code> to this component which contains a string representing some HTML. </p>
  
  <pre><code>&lt;Textarea value={data.body} /&gt;
  </code></pre>
  
  <p>The TinyMCE editor renders but there is no content initialized in the editor.  </p>
  
  <p>How can I set the initial value in using <code>react-tinymce</code>?</p>