有没有比dangerouslySetInnerHTML用React编码HTML实体/代码更好的方法？

Question

我正在创建一个React应用程序，通过向API服务器发出请求来获取其所有内容。在做了一些研究后，我发现，如果API发送的JSON响应包含HTML实体或标签，我可以使用dangerouslySetInnerHTML格式化响应，执行以下操作：

class SinglePage extends React.Component {  

    render() {        

        const post = this.props.selectedPost

        return(
            <div id="page" className="single-page layout sb-content-sb">    
                <main id="content" className="column has-padding-top">      
                    <article id="article">
                        <h1>{ post.data.title.rendered }</h1>
                        <div className="editor" dangerouslySetInnerHTML={ { __html: post.data.content.rendered } } />
                    </article>
                </main>               
            </div>
        );

    }

}

这很有效，但感觉很奇怪......有没有更好的方法呢？