Реагент - это рендеринг md (замечательный) в виде строки

Question

Ниже приведена пустая версия компонента, в который я втягиваюсь в другой компонент.

import React from "react" 

var Remarkable = require('remarkable'); 
var md = new Remarkable(); 

const Info = (props) => { 
    return (
    <div className="pop"> 
     <div> 
<h1>{props.title}</h1> 
{md.render('# Remarkable rulezz!')} 
     </div> 
    </div> 
) 
} 

export default Info; 

На странице в настоящее время проводится рендеринг.

(the title passed as props, as a h1, and...) 
<h1># Remarkable rulezz!</h1> 

Так что буквально рендеринга все это как строку, когда я хочу, чтобы вести себя как HTML.

Как это сделать? Или я пропустил весь смысл md? Благодаря

Answer 1

Если вы по какой-то причине нужно сделать HTML, как есть с помощью реакции необходимо использовать dangerouslySetInnerHTML и завернуть содержание с любым тегом (div или span или что-то еще)

<div dangerouslySetInnerHTML={{ __html: md.render('# Remarkable rulezz!') }} /> 

Ссылки:

• https://facebook.github.io/react/tips/dangerously-set-inner-html.html