Wie setze ich in react-native?

Question

Hallo, ich bin neu zu reagieren, also ertragen Sie mit mir. Unten ist mein Code ...

import React from 'react'; 
import { StyleSheet, Text, View, TouchableHighlight, AsyncStorage, ListView } from 'react-native'; 

export default class App extends React.Component { 

    constructor(){ 
     super(); 
     this.state = { 
      myLeader: 'Joe', 
     }; 
    } 

    setMyLeader(name){ 
     this.setState({ 
      myLeader: name 
     }); 
    } 

    render() { 
     return (
      <View> 
       <TouchableHighlight 

        style={{padding: 30}} 
        onPress={this.setState(myLeader: 'xxx')} 
       > 
        <Text>foo</Text> 
       </TouchableHighlight> 
      </View> 
     ); 
    } 
} 

Fehlermeldung ist dies. 'Variable kann nicht gefunden werden: myLeader'

Wie behebt man dieses Problem?

Answer 1

In Ihrem onPress Funktion können Sie:

a) gesetzt direkt den Zustand

onPress={() => this.setState({ myLeader: 'xxx' })} 

b) rufen Sie Ihre setLeader Funktion

onPress={() => this.setMyLeader('xxx')}