【问题标题】:How can i integrate a chat window popup in my react project?如何在我的反应项目中集成聊天窗口弹出窗口?
【发布时间】:2019-11-18 13:23:23
【问题描述】:

我需要一个聊天组件来响应,我可以轻松地将它集成到我的网络应用程序中,当我点击用户时,应该会打开一个聊天弹出窗口,他们可以通过它一起聊天。

【问题讨论】:

  • 如果非要插入第三方的chat-sn-p,则在index.html中添加,与react无关。

标签: reactjs express socket.io chat


【解决方案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) 是一个函数,告诉浏览器在新窗口中打开一个链接。

【讨论】:

  • 是 react-chat-elements 仅用于 react native 我想在我的网站中使用它
  • 使用 reactjs 库编辑。
猜你喜欢
  • 2012-10-10
  • 1970-01-01
  • 2021-03-28
  • 2011-08-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-10
相关资源
最近更新 更多