从react数组中获取html内容

Question

我需要在render方法中使用的反应数组中获取一个html。 首先，我用以下内容创建我的内容：

 let dataForSave = {

        id: this.props.scoreId,
        title: this.state.title,
        description: this.state.description,
        form: form,
        result : resultHtml.join()
    }

然后我想在resultHtml数组中使用纯html将其保存在数据库中：

{{

我尝试使用join（）方法，但字符串为空。 有没有办法或者我需要使用简单的字符串？

Answer 1

例如，看一下这一行。 resultHtml.push(<p key="resultScoreDesc"> Assenza di Fibrosi </p>); 您将对象推入数组，然后尝试连接多个对象。相反，尝试将每行HTML作为字符串推送，然后将其存储到数据库中，如下所示：

resultHtml.push("<p key='resultScoreDesc'> Assenza di Fibrosi </p>");

请注意HTML周围的引号。

然后，当您将字符串拉出数据库时，您可以在React应用程序中"dangerously set HTML"来转义HTML。显然，要注意你注入的HTML，因为它让你容易受到XSS的攻击。<​​/ p>

Answer 2

看看ReactDOMServer，这就是React实现Universal应用程序的方式：

enter link description here

这应该做你需要的：

ReactDOMServer.renderToStaticMarkup(element)

希望这有帮助