In reactjs haben wir dieses wunderbare Attribut dangerouslySetInnerHTML
.dangerousSetInnerHTML mit mehreren HTML-Einträgen
Ich habe eine Situation, wo ich Werte aus mehreren Rich-Text-Felder von einem CMS, die natürlich mit <p>
Tags und andere HTML-Goodies verpackt ist.
Jetzt habe ich eine div
mit dem dangerouslySetInnerHTML
Attribut pro Feld.
Dies verursacht einige Styling-Probleme, da ich Styling habe, sieht etwa so aus wie p + p { margin-top: 16px }
, die durch eine <div>
dazwischen unterbrochen wird.
Gibt es eine Möglichkeit in React mehrere Objekte mit __html
in das dangerouslySetInnerHTML
Attribut zu übergeben?
Was ich derzeit haben:
// ...
<div dangerouslySetInnerHTML={{__html: CMSObject.RichtText1}}></div>
<div dangerouslySetInnerHTML={{__html: CMSObject.RichtText2}}></div>
<div dangerouslySetInnerHTML={{__html: CMSObject.RichtText3}}></div>
// ...
Was ich hoffe, dass ich irgendwie tun können:
// ...
<div dangerouslySetInnerHTML={
{__html: [
CMSObject.RichtText1,
CMSObject.RichtText2,
CMSObject.RichtText3
]}
}></div>
// ...
Können Sie den entsprechenden Abschnitt Ihrer zeigen Code (und möglicherweise ein Beispiel für den HTML-Code, den Sie injizieren möchten)? Ich kann nicht verstehen, was Sie versuchen zu tun. –
@JoeClay Bitte beachten Sie mein Update – diceler
Warum der Downvote? – diceler