Question

按下按钮时我试图调用一个函数。添加该函数后，它会因意外令牌错误而出错。

我按照之前所有相似问题的说明进行操作，但它并没有解决我的问题。请帮忙。

_handlePress: function() {
  console.log("Butto GO!")
}

export default class fun extends Component {
 render() {
  return (
    <View style={styles.container}>
       <TouchableHighlight onPress={() => this._handlePress()}>
            <Image style={{width: 50, height: 50}} source={require('./go.png')} />
        </TouchableHighlight>
    </View>
  );
 }
}

此外，是否应在默认类之前定义被调用函数？

Answer 1

把这个函数放在渲染后面，在课后我不知道你是否test : function()它在那里工作所以试试我的例子并给出反馈

export default class fun extends Component {

  _handlePress() {
    console.log("Butto GO!")
  }

  render() {
    return (
     <View style={styles.container}>
         <TouchableHighlight onPress={() => this._handlePress()}>
            <Image style={{width: 50, height: 50}} source={require('./go.png')} />
         </TouchableHighlight>
      </View>
    );
   }
  }

或者如果您想在导出类后面执行操作，可以使用_handlePress()代替this._handlePress()，它应该可以使用！

示例：

'use strict';
import React, {Component} from 'react';
import {View,Text,TouchableOpacity,Alert,Dimensions} from 'react-native';

const windows = Dimensions.get('window');

export default class Feed extends Component {

  _test(){
    Alert.alert("Test");
    console.log("It worked!");
  }

  render() {
    return (
       <View style={{flex: 1}}>
          <TouchableOpacity onPress={() => this._test()}>
             <Image source={require('../image/2.jpg')} style={{height: windows.height, width: windows.width, }} />
          </TouchableOpacity> 
       </View>
    );
  }
}

意外的令牌，预期;在反应原生中调用函数时

1 个答案: