Content.js
1import unified from 'unified';
2import parse from 'remark-parse';
3import html from 'remark-html';
4import remark2react from 'remark-react';
5import ImageTag from './tag/ImageTag';
6
7const Content = ({ markdown }) => {
8 const processor = unified()
9 .use(parse)
10 .use(html)
11 .use(remark2react, {
12 remarkReactComponents: {
13 img: ImageTag,
14 },
15 });
16
17 return processor.processSync(markdown).contents;
18};
19
20export default Content;