React项目中渲染React Router V4 Link出现[object Object]问题求助

嘿，我来帮你搞定这个问题！你遇到的[object Object]是因为你用模板字符串（反引号）来拼接React组件了。

React组件（比如<Link>）本质是一个JavaScript对象，当你把它放进模板字符串里时，JS会自动调用这个对象的toString()方法，结果就是[object Object]，自然没法渲染成你想要的链接。

正确的写法 #

你不需要用模板字符串包裹整个内容，JSX本身就支持直接在标签内混合普通文本和React组件。直接这么写就行：

<p className="pt2 pb4">
  We are constantly encouraging people to get involved, as cliché as it sounds, Rendah is about community, so whether you're an artist, a designer, a writer, a developer or anything else and want to get involved?{' '}
  <Link to={'/Contact'} className="no-underline link">Please get in touch!</Link>
</p>

补充说明 #

• 我帮你修正了代码里的几个拼写错误：constatly → constantly，clichue → cliché，wether youre → whether you're，这些小细节也会让代码更规范~
• 代码里的{' '}是用来手动添加空格的，避免JSX自动合并文本和组件之间的空格，让排版更自然。

内容的提问来源于stack exchange，提问作者daniel aagentah