リアクションネイティブボタンonPress setState

Question

私はこの問題に関してstackoverflowのスレッドに相談し、このvideoをクリック可能なボタンの作成方法について見てきましたが、まだエラーが発生しています。ここで

は私が間違っていたとソリューションは何が何であるかを知っている可能性があり

class Button extends Component{ 
    render(){ 
     return(
      <View> 
       <TouchableOpacity 
        onPress{() => { this.props.onPress() }}> 
        <Text>LOGIN</Text> 
       </TouchableOpacity> 
      </View> 
     ) 
    } 
}; 

export default class FirstPage extends Component{ 
    constructor(props) { 
     super(props); 
     this.state = {clicked: false}; 
    } 

    onTap =() => { 
     this.setState({ 
      clicked: true 
     }); 
     if (this.state.clicked){ 
      return <SecondPage/> 
     } 
    } 

    render(){ 
     return(
      <View> 
       <Button onPress={() => { this.onTap() }}/> 
      </View> 
     ); 
    } 
} 

は、しかし、私はこのエラー

<View> 
    <TouchableOpacity 
      onPress{() => { this.props.onPress() }}> 
       ^
      <Text>LOGIN</Text> 
    </TouchableOpacity> 

を得る私のコードですか？

Answer 1

<TouchableOpacity 
     onPress={() => { this.props.onPress() }}> 

     <Text>LOGIN</Text> 
</TouchableOpacity> 

忘れ "="

続けます。

export default class FirstPage extends Component{ 
    constructor(props) { 
     super(props); 
     this.state = {clicked: false}; 
    } 

    onTap =() => { 
     alert("点击"); 
     this.setState({ 
      clicked: true 
     }); 

    } 

    render(){ 

     return(
      <View> 
       {this.state.clicked? 
        <SecondPage /> 
        : 
       <Button onPress={() =>this.onTap()}/> 
       } 
      </View> 
     ); 
    } 
} 
class SecondPage extends Component{ 
    render(){ 
    return(
     <View> 
     <Text>第二页</Text> 
     </View> 
    ); 
    } 
} 
class Button extends Component{ 
    render(){ 
     return(
      <View> 
       <TouchableOpacity 
        onPress={() => { this.props.onPress() }}> 
        <Text>LOGIN</Text> 
       </TouchableOpacity> 
      </View> 
     ) 
    } 
}; 

AppRegistry.registerComponent('RNDemo',() => FirstPage);