插入React Link组件并将其作为道具传递

Question

我正在尝试传递指向组件的链接，单击该组件时应将其重定向到特定路线。但是在这里我可以看到链接插值为[object Object]。

有人可以帮我吗

 <CommonMessage description={`Click here ${<Link to="/signin">here</Link>} to login`} />

我得到的输出是：

单击[对象对象]登录

Answer 1

这是因为React组件只是对象，当您将它们放入字符串Javascript中时，对它们执行toString()即可得到立即得到的结果。

我建议您将描述道具作为如下的React组件传递：

<CommonMessage 
  description={
    <>
      Click here <Link to="/signin">here</Link> to login
    </>
  }
/>

这为您提供了一个不错的API，因为组件的用户现在可以决定要呈现的内容。