Генерация HTML из уценки работает только с опасным SetInnerHTML в приложении React

Question

Я пытаюсь написать простой предварительный просмотр markdwon. проблема заключается в том, что я вставляю сгенерированный HTML-текст в метод div в методе рендеринга следующим образом:

render() {
   return (
     <div>
       {this.state.genHTML}
     </div>  
  );
}

он не отображается и отображается так же, как и его теги, как строка. Но с dangerouslySetInnerHTML Сгенерированный HTML получен.

Я хочу знать, почему это происходит?

Answer 1

В общем, настройка HTML из кода рискованна (из-за межсайтового скриптинга (XSS)), и поэтому в React вам нужно использовать «dangerouslySetInnerHTML» для его установки. Это просто правило, которому вы должны следовать, если хотите использовать платформу React.