diff options
| author | Jacky Zhao <[email protected]> | 2020-09-03 22:53:43 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-09-03 22:53:43 -0700 |
| commit | ba76475d7abe3dfe6d4b9615f244cfb8a1ee2514 (patch) | |
| tree | 9ca55765a355f96d10b42a8e77163a099bd07657 /frontend/src/components/renderers | |
| parent | Merge pull request #52 from jackyzha0/refactor-react (diff) | |
| parent | replace dangerouslysetinnerhtml by using react-markdown (diff) | |
| download | ctrl-v-ba76475d7abe3dfe6d4b9615f244cfb8a1ee2514.tar.xz ctrl-v-ba76475d7abe3dfe6d4b9615f244cfb8a1ee2514.zip | |
Merge pull request #54 from jackyzha0/patch
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 |