react use dangerouslySetInnerHTML to render json with html tags

Question

I am trying to render a json list with html tags in the string in a list as follows jsbin. It works in Jsbin. But in my console I got warning below:

warning          


        

Answer 1

React is complaining about the use of dangerouslySetInnerHTML in conjunction with safe react children, that happened when you let the div tag opened to such characteristic

open and ready for children

.

Since you are using the JSX syntax extension, the solution here is write the whole sentence in a single line:

or just using a singleton div tag:

By the way you are not getting the error on jsbin because it is a react production build, this build is not meant to tell you what could be written better.