はネイティブと使用WebSocketを

Question

私はreact-native@0.17

import React, { AsyncStorage, Component, View, Text, WebView, WebSocket } from 'react-native'; 
import { Avatar, Divider, Subheader, COLOR } from 'react-native-material-design'; 

export default class Avatars extends Component { 
    _setWebSocket = (endpoint, sessionToken) => { 
     const ws = new WebSocket('wss://' + endPoint + '/api/live?authToken=' + sessionToken); 
     console.log('Setting socket: ' + 'wss://' + endpoint + '/api/live?authToken=' + sessionToken); 

と、このようなコードを持っていると私はからコードを呼んでいると反応しますコードとして動作：

console.log('Setting socket: ' + 'wss://' + endpoint + '/api/live?authToken=' + sessionToken); 

はトリガーされません。新しいWebSocketを作成する前にコンソールログを置くと、それが実行されます。私が間違っていることや、どのようにChromeがGenymotionと組み合わせて有用な情報を表示していないのでデバッグすることができますか？

Answer 1

あなたの構文が間違っています：あなたのコードには2通りの正しい方法があります。

class Avatars extends Component { 
    constructor(props) { 
    super(props) 
    this._setWebSocket = this._setWebSocket.bind(this) 
    } 

    _setWebSocket(endpoint, sessionToken) { 
    const ws = new WebSocket('wss://' + endPoint + '/api/live?authToken=' + sessionToken) 
    console.log('Setting socket: ' + 'wss://' + endpoint + '/api/live?authToken=' + sessionToken) 
    } 

    componentDidMount() { 
    this._setWebSocket(endpoint, token) 
    } 

    render() { 
    // put your code here 
    return (
     <View /> 
    ) 
    } 
} 

export default Avatars 

または

const Avatars = React.createClass({ 
    _setWebSocket: (endpoint, sessionToken) => { 
    const ws = new WebSocket('wss://' + endPoint + '/api/live?authToken=' + sessionToken) 
    console.log('Setting socket: ' + 'wss://' + endpoint + '/api/live?authToken=' + sessionToken) 
    }, 

    componentDidMount:() => { 
    this._setWebSocket(endpoint, token) 
    }, 

    render:() => { 
    // put your code here 
    return (
     <View /> 
    ) 
    }, 
}) 

export default Avatars 

Answer 2

問題を見つけるのは簡単だったし、おそらく私はそうのWebSocketを削除私はインポートするのWebSocketを置くが、これはネイティブのモジュールです...

import React, { AsyncStorage, Component, View, Text, WebView, WebSocket } from 'react-native'; 

疲れていましたインポート依存関係から助けました。