diff options
| author | jackyzha0 <[email protected]> | 2020-09-03 22:41:21 -0700 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2020-09-03 22:41:21 -0700 |
| commit | b37c4ca04b7c520b0417d3dd897e8a92ebc3de2f (patch) | |
| tree | 9ca55765a355f96d10b42a8e77163a099bd07657 /frontend/src/components/renderers | |
| parent | Merge pull request #52 from jackyzha0/refactor-react (diff) | |
| download | ctrl-v-b37c4ca04b7c520b0417d3dd897e8a92ebc3de2f.tar.xz ctrl-v-b37c4ca04b7c520b0417d3dd897e8a92ebc3de2f.zip | |
replace dangerouslysetinnerhtml by using react-markdown
Diffstat (limited to 'frontend/src/components/renderers')
| -rw-r--r-- | frontend/src/components/renderers/Markdown.js | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js index b1d7905..b9b9112 100644 --- a/frontend/src/components/renderers/Markdown.js +++ b/frontend/src/components/renderers/Markdown.js @@ -1,5 +1,5 @@ import React from 'react'; -import marked from 'marked'; +import ReactMarkdown from 'react-markdown'; import styled from 'styled-components' const Content = styled.div` @@ -9,11 +9,10 @@ const Content = styled.div` max-width: 100%; } ` -const Markdown = (props) => { - const dangerousHtml = { - __html: marked(props.content) - } - return <Content dangerouslySetInnerHTML={dangerousHtml} />; +const Markdown = ({content}) => { + return <Content> + <ReactMarkdown source={content} /> + </Content>; } export default Markdown
\ No newline at end of file |