[英]Render dynamic HTML as a value attribute to TextArea field in React.js
I have a simple textarea tag. 我有一个简单的textarea标签。
<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. 我正在尝试危险地使用SetInnerHTML,但不确定如何正确设置TextArea标记的value属性内。 I know and used dangerouslySetInnerHTML which works fine when used with div, body tags.
我知道并很危险地使用了SetInnerHTML,它与div,body标签一起使用时效果很好。
renderHtml: function(){
return (
dangerouslySetInnerHTML={{__html : this.state.currentValue}}
);
}
<TextArea value={this.renderHtml()} disabled={this.props.readOnly}/>
Looks like for any HTML element, only Strings are allowed as value. 看起来像任何HTML元素一样,只允许使用字符串作为值。 Solution for this is to use rich text WYSIWYG editors.
解决方案是使用富文本格式所见即所得编辑器。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.