为React组件设置一个外部可访问的URL

时间:2018-11-19 15:33:55

标签: reactjs typescript url

我开发了一个React组件,该组件代表一个允许用户与聊天机器人进行交互的窗口。当用户单击按钮时,此窗口打开。现在,我想使该按钮在我选择的任何站点或应用程序中可用。首先想到的是将URL与此按钮相关联,这样我就可以通过简单地创建如下链接来在我们的网站或应用程序中调用它:

<a href= "url of the button that opens the chatbot window"> Chat with the robot </a>.

我发现这个想法起作用了,但是我不知道如何将URL关联到React中的组件。我看了看我的React-Router端,它只允许在同一应用程序的组件之间创建导航,但是我不知道它的URL是否可以在创建它们的应用程序外部访问。

您知道解决此类问题的任何技巧吗? 如果您除了将URL链接到组件之外还有其他想法,我很感兴趣。

预先感谢您!

1 个答案:

答案 0 :(得分:0)

您不能通过将React组件作为外部代码拉入来使用它。 react-router通过包装您的应用程序来工作。您要使用的任何组件都必须是实际代码库的一部分。