Cum adaug un comentariu HTML într-o componentă React?

react-js
(Ionuț Staicu) #1

Nu găsesc o modalitate de a adăuga niște comentarii HTML în react fără a adăuga și un parent pentru acel comentariu.

Ce aș vrea să fac:

<ul>
  <!-- comentariu -->
  <li> <<<  sunt generate dintr-un array
  <li>
</ul>

Cum fac:

render(){
  return (
    <div>
      <ul>
        {items}
      </ul>
    </div>
  )
}

Singura treabă care m-a adus cât de cât aproape de ce vreau eu este:

<li dangerouslySetInnerHTML={{ __html: '<!-- gutenberg-toc-after-list -->' }} />

DARRRR… care îmi inserează și un li.

Sugestii despre cum aș putea insera acel comentariu în markup-ul generat?

Mulțumesc.

(Constantin Campean) #2

Scriu comentariul ca și cum ar fi sintaxă JSX

{ /* comentariile_sunt_scrise_intre_acolade */  }
(Ionuț Staicu) #3

Tocmai de aia am precizat comentariu HTML. Efectiv vreau să existe acel markup pentru comentarii în DOM.

(Georgiana Gligor) #4

ai incercat sa faci o componenta (numele e doar un exemplu) HtmlComment la care sa ii pasezi in props textul comentariului si care sa il imbrace in <!— si —> ?

sunt pe mobil si nu pot testa, am gasit acest gist care merge pe aceeasi idee, poate te ajuta https://gist.github.com/alexeychikk/bfe72a072a9a962f2da900b6151e4aae

2 Likes
(Ionuț Staicu) #5

Este foarte aproape de ce am nevoie, mulțumesc.

Îmi generează markup cum doresc, se vede bine în devtools, doar că s-ar putea ca gutenberg să facă ceva transformări la save :confused:

Și mâine e o zi. :sunny:

3 Likes