问题
使用 React-Markdown,我可以完全使用我自定义构建的组件。但这是在降价中使用特定的预建关键字。喜欢段落或图像。这非常有效。但问题是这些似乎都是预先构建的单词/条件,如段落、标题或图像。
我找不到在我的降价中添加新关键字的方法,例如要使用的“CustomComponent”。这就是我现在所需要的><
这对我来说很好,可以将 markdown 的图像制作成我在其他地方制作的自定义“页脚”组件。我知道这很荒谬,但它确实有效。但我不知道如何让这个渲染器接受/创建一个新的关键字,如“emoji”或“customComponent”或“somethingSilly”。
let body =
`![Fullstack React](https://dzxbosgk90qga.cloudfront.net/fit-in/504x658/n/20190131015240478_fullstack-react-cover-medium%402x.png)`;
const renderers = {
image: () => <Footer/>
};
<ReactMarkdown source={body} renderers={renderers} />;
我过去做过的一些工作:
一些文档: https ://reposhub.com/react/miscellaneous/rexxars-react-markdown.html https://github.com/rexxars/commonmark-react-renderer/blob/master/src/commonmark-react-renderer。 js#L50
示例: https ://codesandbox.io/s/react-markdown-with-custom-renderers-961l3?from-embed=&file=/src/App.js
但没有任何迹象表明我可以如何使用“CustomComponent”来指示注入自定义组件。
用例/背景
我正在尝试从我的数据库中检索一篇文章,该文章的格式类似于降价(基本上是一个巨大的字符串)。我正在使用 typescript 和 redux 的常规反应——这是我的应用程序中唯一需要它的部分。
"
# Title
## Here is a subtitle
Some text
<CustomComponentIMade/>
Even more text after.
<CustomComponentIMade/>
"