2017-02-03 11 views
0

「ネイティブ」のボタンをクリックして関数を呼び出そうとしています。反応ネイティブエラーから関数を呼び出す

onPress = {callButton} 

関数呼び出しはこれは私が取得していますエラーです

const busButtonPress() { 
    fetch('http://server/api') 
    .then((response) => response.json()) 
    .then((responseJSON) => { 
    console.log(responseJSON); 
}) 
.catch((error) => { 
    console.warn(error); 
}); 
}; 

です!

Error Pic

これは私が取得しています奇妙な例外です。助けてください!

+0

あなたはconst busButtonPress = function()を意味しましたか? – romuleald

+0

あなたの関数はbusButtonPressと呼ばれていますので、それは 'onPress = {busButtonPress}'でなければなりません –

+0

Matt、申し訳ありませんが、busButtonPressとしか呼ばれていない間違いで残念なことにここに書いています –

答えて

0

実際にエラーを表示するための十分なコードは掲載していませんが、タッチプレスは非常に簡単です。ここに簡単な例があります:

export default class Weather extends Component { 
    constructor(props) { 
     super(props); 
    } 

    _buttonPress =() => { 
     // your fetch code here 
    }; 

    render() { 
     return(
      <View style={{flex: 1}}> 
       <TouchableOpacity onPress={this._buttonPress}> 
        <Text>Press Up On Me</Text> 
       </TouchableOpacity> 
      </View> 
     ); 
    } 
} 

React Nativeから必要なコンポーネントをインポートすることを忘れないでください。それ以上のコードがなければ、私が言ったように、あなたの特定のエラーをデバッグするのは難しいです。 TouchableOpacityTouchableHighlightTouchableWithoutFeedback

+0

Matthew Corway機能していない?ボタンプレスで同じように電話をかけることはできますか? –

関連する問題