javascript - 插入 React Link 组件并将其作为 Prop 传递

Question

我正在尝试将一个链接传递给一个组件，点击它应该被重定向到特定的路由。但在这里我可以看到 Link 被插入为 [object Object] 。

有人可以帮我吗

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

我得到的输出是:

点击【对象对象】登录

Answer 1

那是因为 React 组件只是对象，当你将它们放在字符串中时，Javascript 执行 toString()在他们身上，你会得到你现在得到的结果。

我建议您将 description prop 作为这样的 React 组件传递:

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

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