将更改字符串更改为组件（多个）

Question

我想制作像Wiki这样的自定义语法，如何在React中进行，而不使用dangerouslySetInnerHTML？

例如：

＆＃34;你好，这是一个简单的字符串[linkToSomewhere] {这是粗体去的地方}＆＃34;

变为

<div>
  hello this is simple string <Link where="linktoSomewhere"/> <Bold string="this is where bold goes"/>
</div>

像这样

我找到了解析自定义markdown到数组的方法，但发现无法插入它，因为反应组件数组就像

link[0] = "linkToSomewhere"
bold[0] = "this is where Bold goes"

提前谢谢！

Answer 1

React有几个Markdown库可用。退房：

• react-markdown：https://rexxars.github.io/react-markdown/
• react-remarkable：https://github.com/acdlite/react-remarkable

这里有许多其他库可以将您的Markdown文档转换为精美呈现的HTML：https://react.rocks/tag/Markdown

为了学习Markdown语法，可以使用一些备忘单，例如：

• http://assemble.io/docs/Cheatsheet-Markdown.html
• https://guides.github.com/pdfs/markdown-cheatsheet-online.pdf