Javascript React:呈现一个数组,其中一些元素是规则字符串,其他元素是<;链接>;组件

Javascript React:呈现一个数组,其中一些元素是规则字符串,其他元素是<;链接>;组件,javascript,reactjs,react-router,jsx,Javascript,Reactjs,React Router,Jsx,我有一个JSON对象,它的属性content是一个数组 此数组中的某些元素是规则字符串,其中一些是来自react-router-dom的组件。如: [“String1”、“String2”、“path”等] 目前react正在呈现文本字符串,我想在其中呈现链接组件 呈现对象的行是:{content}在数组中,React Link元素用引号封装。在JavaScript中加引号的任何内容都将被视为基本字符串。您试图做的可能是使用JSX呈现React组件。只需删除引号(而且在“/path”之后似乎还有

我有一个JSON对象,它的属性
content
是一个数组

此数组中的某些元素是规则字符串,其中一些是来自
react-router-dom
组件。如:
[“String1”、“String2”、“path”等]

目前react正在呈现文本字符串
,我想在其中呈现链接组件


呈现对象的行是:
{content}

在数组中,React Link元素用引号封装。在JavaScript中加引号的任何内容都将被视为基本字符串。您试图做的可能是使用JSX呈现React组件。只需删除引号(而且在“/path”之后似乎还有一个额外的/path):path。然后,这个JSX代码在编译时被转换为JavaScript,并应该呈现组件。

对于以后看到这篇文章的人,最后,我使用
react string replace
将内容中的字符串替换为不必使用
危险的HTML
即可工作的组件,这是否回答了您的问题?检查这个@mohituprim我想它可能会回答这个问题,但我不确定如何实现它,我改变了我的
你能在沙盒中创建演示吗?你有能力实际传递链接组件而不是将其表示为字符串吗?因为这样做会更好。我自己不把引号放在那里,我实际上是在替换一个字符串的旧内容,用
str.split(“”)
拆分它,然后有条件地用
组件替换以“#”开头的元素。