タッチハンドラーがリアクションネイティブで呼び出されていない

Question

私はちょうどリアクションネイティブを学習し始めました。これにはTouchableHighlightというコンポーネントを作成しました。ハンドラー関数を割り当てましたが、それは呼び出されています。ここに私のコンポーネントは次のとおりです。

import React, {Component} from 'react'; 
import { 
    Text, 
    View, 
    TouchableHighlight 
} from 'react-native'; 

export default class Component1 extends Component<{}> { 
    componentWillMount() { 
     console.log("hi there"); 
     this.setState({age: 22}); 
    } 

    handlePress() { 
     this.setState(prevState => ({ age: prevState.age + 1 })); 
     console.log("updated age"); 
    } 

    render() { 
     return (
      <View> 
       <View> 
        <Text> 
         {this.props.name} 
         {"\n"} 
         {this.state.age} 
        </Text> 
       </View> 
       <View> 
        <TouchableHighlight onPress={() => this.handlePress}> 
         <View> 
          <Text>Become older</Text> 
         </View> 
        </TouchableHighlight> 
       </View> 
      </View> 
     ); 
    } 
} 

私は何も（私はreact-native log-androidを使用している端末に記録されませんビュー「古いなる」

が手伝ってくれてありがとうをタップすると:)

Answer 1

する必要があり、それが機能する必要があります。この部分

：あなたは機能handlePressを呼び出す必要があり、その矢印の機能を使用している

<TouchableHighlight onPress={() => this.handlePress}> 

は

であるべき：

<TouchableHighlight onPress={() => this.handlePress()}> 

しかし、あなただけの関数を呼び出しているので、あなただけの場合のようにそれを渡す必要があります：

<TouchableHighlight onPress={this.handlePress}> 

Answer 2

あなたは。構文エラーがあります。

<TouchableHighlight onPress={() => this.handlePress}> 

がonPressインサイド

<TouchableHighlight onPress={() => this.handlePress()}> 

または

<TouchableHighlight onPress={this.handlePress}>