J'ai un tableau d'éléments HTML, disons des messages. Et je veux les rendre comme suit: et dans la méthode de rendu: p> mais pendant mon rendu au lieu de faire passer le message Style approprié im obtenir l'élément entier en tant que chaîne:
p> p>
3 Réponses :
Tout d'abord, vous ne devez jamais muté d'état, qui est la règle de réaction au sol.
venir en délivrance, vous appuyez sur une chaîne, à la place de ce que vous devriez faire est p> puis boucle via ce tableau dans la méthode rendu () comme p> this.state.message.map ((valeur, messageIndex) =>
Si vous avez des balises HTML dans une matrice d'état, vous pouvez utiliser comme celui-ci-
class App extends React.Component { state = { messages: [ `<span>User successfully added</span>`, `<span>User successfully removed</span>` ] }; render() { return ( <> {this.state.messages.map((item,index) => ( <h3 key={index} dangerouslySetInnerHTML={{ __html: item }} /> ))} </> ); } }
Utilisez-le à l'aide de la fonctionnalité dangereuseInnerHTML à partir de réagir. Il y a un exemple dans le lien ci-dessous. P>
Est-ce que cela répond à votre question? Rendu HTML RAW avec réactJs
Vous devez éviter les chaînes HTML brutes dans la mesure du possible et gérer plutôt les données pouvant être rendues avec JSX pour bénéficier pleinement de la réaction.