Render dynamic HTML as a value attribute to TextArea field in React.js

Question

I have a simple textarea tag.

<textarea value={this.state.currentValue} disabled={this.props.readOnly}/>

I am trying to use dangerouslySetInnerHTML but not sure how to set correctly inside value attribute of TextArea tag. I know and used dangerouslySetInnerHTML which works fine when used with div, body tags.

 renderHtml: function(){
        return (
            dangerouslySetInnerHTML={{__html : this.state.currentValue}} 
        );
    }
   <TextArea value={this.renderHtml()} disabled={this.props.readOnly}/>

Answer 1

Looks like for any HTML element, only Strings are allowed as value. Solution for this is to use rich text WYSIWYG editors.