如何在我的React项目中集成一个聊天窗口弹出窗口？

Question

我需要一个聊天组件作为响应，我可以轻松地将其集成到Web应用程序中，通过该组件，当我单击用户时，应该会打开一个聊天弹出窗口，通过它们他们可以一起聊天。

Answer 1

由于您所提问题的措辞，我将假设您知道如何构建组件本身。如果没有，您总是可以通过聊天弹出窗口学习或使用现成的东西，例如：

react-chat-window

如果您的问题仅是如何在新窗口中打开组件，则需要设置通往组件的路由，可能使用诸如react-router-dom之类的路由库来设置路由：

import {Route} from 'react-router-dom'

<Route path='/chat' component={Chat}/>

在您想打开聊天室的地方，使用一些js，例如：

<button onClick={() => window.open(localhost:3000/chat)}>
Click to open chat
</button>

window.open(url)是告诉浏览器在新窗口中打开链接的函数。