我正在寻找与反应和套接字io的聊天应用程序。但我真的不知道如何将socket.io语法与反应混合。我主要是想知道如何在客户端实现socket.emit和socket.on的反应。到目前为止,我得到了socket.io-client端模块,并且听说它们应该包含在componentsnetDidMount中,ty!Socket.emit和Socket.on翻译成反应js
0
A
回答
2
进口socket.io ...
类里面
componentDidMount(){
socket.on('someEvent', function(data){
//do something with the data
});
}
我假设你有
socket.emit('someEvent', {lang: 'js'});
地方
0
阵营的理念是让你的页面视图你的数据(状态)的一个(渲染)功能。如果您想要纳入不同的数据,您只需将其与React的状态进行整合即可。因此,在componentDidMount中,设置套接字的事件处理程序来调用setState,并且React将用新状态重新呈现。
相关问题
- 1. socket.on()和socket.emit()失败
- 2. socket.io - socket.emit,socket.on,socket.send
- 3. socket.emit和socket.on在node.js中不起作用
- 4. 将JS反编译成JSX
- 5. 翻译在JS?
- 6. 已解决 - nodejs上的通信 - socket.emit未正确捕获socket.on
- 7. 常量文件反应的翻译
- 8. 必应翻译EXT JS访问令牌
- 9. 翻译成WP_Query()?
- 10. 将EBNF翻译为反讽
- 11. Rails I18n-js:缺少翻译
- 12. 翻译伪成C++
- 13. 翻译伪成Python
- 14. R:google翻译API(包'翻译'和''translateR')
- 15. poedit和zend翻译数据库翻译
- 16. extjs和翻译
- 17. ListPreference和翻译
- 18. Json和翻译
- 19. Javascript和翻译
- 20. 猪拉丁语翻译 - 反向翻译错误
- 21. PhoneGap应用翻译
- 22. Ember应用翻译
- 23. Node.js和socket.on数据
- 24. 角度翻译 - 翻译翻译值attr
- 25. 将黄瓜翻译成rspec
- 26. ZF2翻译成控制器
- 27. 翻译成式蟒蛇
- 28. 将原型翻译成jQuery
- 29. 将XPath翻译成LINQ
- 30. curl命令翻译成NSMutableUrlRequest