我尝试使用React Native工作的socket.io-client,但不幸的是没有太多的成功.我做了一些研究,我得到完全相同的错误,如本期所述：https://github.com/facebook/react-native/issues/375
关于这个问题的评论表示尝试使用fetch API来获取JS模块,但我认为我这样做是错误的：
var socketScript;
fetch('https://cdn.socket.io/socket.io-1.2.0.js')
.then(function(response) {
socketScript = response._bodyText;
}).done(function() {
var socket = socketScript.io();
});
这返回一个未定义的不是一个函数.
有什么办法使使用React Native的socket.io-client工作吗？还是我看这个错误的方式？也许还有其他更好的解决方案？
解决方法
由于React Native现在很短时间内支持websockets,所以现在可以使用Socket.io轻松地设置Web套接字.所有你需要做的是以下
> npm install socket.io-client
>第一次进口反应
> assign window.navigator.userAgent =’react-native’;
> import socket.io-client / socket.io
>在你的构造函数中分配this.socket = io(‘localhost：3001’,{jsonp：false});
所以在npm安装后,应该看起来像这样,socket.io-client：
import React from 'react-native';
// ... [other imports]
import './UserAgent';
import io from 'socket.io-client/socket.io';
export default class App extends Component {
constructor(props) {
super(props);
this.socket = io('localhost:3001',{jsonp: false});
}
// Now you can use sockets with this.socket.io(...)
// or any other functionality within socket.io!
...
}
然后在“UserAgent.js”中：
window.navigator.userAgent = 'react-native';
注意：由于ES6模块导入已被挂起,因此我们无法在与native-native和socket.io导入相同的文件中进行userAgent分配,因此是单独的模块.
编辑：
上述解决方案应该可以工作,但是在这种情况下,它不会尝试创建一个单独的socketConfig.js文件.在那里导入任何需要的东西,包括const io = require(‘socket.io-client / socket.io’);并且具有window.navigator.userAgent =’react-native’;之前需要socket.io-client.然后,您可以将套接字连接在一起,并将所有侦听器都放在一处.然后可以将动作或功能导入到配置文件中,并在侦听器接收数据时执行.