React - JSX markdown中的Render Link返回[object Object]

Question

我的反应应用程序中有一个<p>标记，我想在其中呈现一个React Router V4 Link。目前，它不会返回链接，而是返回[object Object]。

这是我的代码：

<p className="pt2  pb4">
  {`We are constatly encouraging people to get involved, as clichue as it sounds, Rendah is about community, so wether youre an artist, a designer, a writer, a developer or anything else and want to get involed? ${<Link to={'/Contact'} className="no-underline  link">Please get in touch!</Link>}`}
</p>

我已经搜索了几个问题，但是他们似乎没有复制或解决我在这里遇到的问题。我错过了什么吗？

感谢任何帮助/建议 - 提前谢谢。

Answer 1

您正在以字符串形式连接，因此它将以字符串形式转换！ 当使用字符串连接Object时，将通过类型强制调用toString（）方法，该类型将始终返回[object Object]。在使用JSX时，没有必要将文本包装在字符串lliteral中，而是在嵌套在Component中时，Text和Components可以是兄弟姐妹。

尝试：

{
    "fileName": "file.txt"
}