React.js의 TextArea 필드에 값 속성으로 동적 HTML을 렌더링

간단한 텍스트 영역 태그가 있습니다.React.js의 TextArea 필드에 값 속성으로 동적 HTML을 렌더링

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

나는 dangerouslySetInnerHTML을 사용하려고하지만, 텍스트 영역 태그의 value 속성 내에서 올바르게 설정하는 방법을 잘하고 있습니다. div30, body 태그와 함께 사용할 때 잘 작동하는 dangerouslySetInnerHTML을 알고 사용했습니다.

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

출처

2017-12-20 learning_vba

텍스트 영역에서 HTML을 렌더링하려고합니까? 또는 단순히 코드를 표시하도록하십시오. 즉, html이 ' 안녕하세요 세계'과 같은 경우 안녕하세요 세상이나 실제 마크 업을 보시겠습니까? –

textarea 태그로 HTML을 렌더링하고 싶습니다. 이 값은 REST API에서 가져옵니다. 그래서 실제 마크 업을보고 싶습니다. –

HTML 요소처럼 보이지만 문자열 만 값으로 사용할 수 있습니다. 이에 대한 해결책은 리치 텍스트 WYSIWYG 편집기를 사용하는 것입니다.

출처

2017-12-20 22:28:41

React.js의 TextArea 필드에 값 속성으로 동적 HTML을 렌더링

답변

관련 문제