Метод разметки в React. Не получается возвращаемое значение в html - PullRequest
Новая
       5

Метод разметки в React. Не получается возвращаемое значение в html

0 голосов
/ 16 июня 2020

Я хотел бы создать метод в React с использованием уценки, просто чтобы получить строку вроде «Hello World !» и отобразить его в формате html. В настоящий момент моя программа возвращает строку «Hello World !» без рендеринга в html. 


    import React from 'react';
    import ReactMarkdown from "react-markdown";

       class App extends React.Component 
       {
         constructor(props){
         super(props)
         this.changeToMarkdown = this.changeToMarkdown.bind(this)
       }



        changeToMarkdown(str)
        {
        var markdown = require( "markdown" ).markdown;
         return markdown.toHTML(str);
        }


       render()
       {

          return (
             <div>
                <p>{this.changeToMarkdown("Hello *World*!")}</p>
             </div>
            )
        } 
    }    

    export default App

1 Ответ

2 голосов
/ 16 июня 2020

Вы уже импортируете react-markdown; почему бы не использовать его? 

render() {
  return (
    <div>
      <ReactMarkdown>{"Hello *World*!"}</ReactMarkdown>
    </div>
  );
}

Вот простой CodePen, который показывает это в действии .

...