Рубрики
Без рубрики

Как исправить ошибку `dangerouslySetInnerHTML`, не соответствующую ошибке в React

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

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

Warning: Prop `dangerouslySetInnerHTML` did not match.

Это был Next.js проект, но решение применимо к любому коду React.

Строка, которую я пытался напечатать, появилась на некоторое время, а затем исчезла. Довольно странно!

Это было еще более странно, когда я попытался напечатать фиксированную HTML-строку, например:

test

' }}>

Сообщение об ошибке является загадочным, но через некоторое время я понял, что не могу установить тег p внутри другого p тег.

Переключение на:

test' }}>

сработало как заклинание.

Оригинал: “https://flaviocopes.com/react-fix-dangerouslysetinnerhtml-did-not-match/”