Das ist mein Senario:
1. Antrag Antrag CMS (Content-Management-System) für den Inhalt der Seite.
2. CMS-Rückgabe "<div>Hi,<SpecialButton color="red">My Button</SpecialButton></div>"
3. Anwendung konsumieren den Inhalt, rendern entsprechende Komponente mit Daten im Attribut bereitgestellt.
Ich kann nicht herausfinden, wie man Schritt 3 auf Reactive Weise macht, jeder Rat wird geschätzt.
Danke @Glenn Reyes, hier ist eine Sandbox , um das Problem zu zeigen.
%Vor% Hier ist eine Live-Demo von Vuejs. String "<div v-demo-widget></div>" könnte als Vuejs-Anweisung behandelt und gerendert werden. Quellcode .
Sie möchten wahrscheinlich tiefer in dangerouslySetInnerHTML schauen. Hier ist ein Beispiel, wie man HTML aus einer Zeichenfolge in einer React-Komponente rendert:
Vollständiges Beispiel hier: Ссылка
Lesen Sie mehr über dangerouslySetInnerHTML in den React-Dokumenten hier: Ссылка
Sie können versuchen, ReactDOMserver zu verwenden, um <MyReactComponent /> in% co_de zu rendern % auf Ihrem Server und geben Sie sie dann an den Client weiter, wo Sie alle empfangenen html über einfügen können html .
Tags und Links compilation javascript html content-management-system reactjs