Как исправить ошибку `dangerousSetInnerHTML` не соответствовало в React

Узнайте, как я решил ошибку "dangerouslySetInnerHTMLне совпадает "в приложении React

Я пытался распечатать HTML-код, содержащийся в опоре, используяdangerouslySetInnerHTML, а в консоли браузера у меня такая ошибка:

Warning: Prop `dangerouslySetInnerHTML` did not match.

This was a Next.js project, but the solution applies to any React code.

The string I was trying to print appeared for a while, and then disappeared. Quite strange!

It was even stranger when I tried to print a fixed HTML string, like this:

    __html: '<p>test</p>'

The error message is cryptic but after a while, I realized I could not set a p tag inside another p tag.

Switching to:

    __html: '<p>test</p>'

worked like a charm.

Download my free React Handbook

More react tutorials: