Отображать блоки данных от draftjs

Question

Как я могу отобразить в своем компоненте реакции, который я сохранил в mongodb, от editorjs editor?

Это то, что я имею в моей базе данных:

"blocks" : [ 
      { 
       "key" : "7abte", 
       "text" : "example", 
       "type" : "unstyled", 
       "depth" : 0, 
       "inlineStyleRanges" : [ 
        { 
         "offset" : 0, 
         "length" : 20, 
         "style" : "BOLD" 
        } 
       ], 
       "entityRanges" : [] 
      } 
     ] 

Я узнал, как вернуть это редактор (для редактирования данных), все отлично работает. Но я не могу отобразить его на переднем плане.

Я также попытался экспорта мой контент редактор семантического HTML, и это то, что я получил:

, но, как вы видите, я не знаю, как отобразить его, а не в виде строки, а как HTML. .

У вас есть хорошее решение моей проблемы?

Answer 1

Если вам нужно обработать HTML, чтобы показать в передней части, вы должны использовать что-то вроде этого:

<div dangerouslySetInnerHTML={{__html: YourMarkupVar}} /> 

Else, React в качестве меры безопасности, будет кодировать теги и дисплей как обычный текст.