将动态HTML作为值属性渲染到React.js中的TextArea字段

Question

我有一个简单的textarea标签。

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

我正在尝试使用 dangerouslySetInnerHTML ，但不确定如何正确设置TextArea标记的value属性。我知道并使用 dangerouslySetInnerHTML ，当与div，body标签一起使用时效果很好。

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

Answer 1

对于任何HTML元素，只允许使用字符串作为值。解决方案是使用富文本WYSIWYG编辑器。