J'ai besoin de votre aide pour expliquer à propos de ce code natif de réact.
Code ci-dessous, lorsque la fonction UpdateState est écrite à l'aide de la fonction de flèche, le code fonctionne parfaitement p>
import React, { Component } from 'react'
import { Text, View } from 'react-native'
export default class Home extends Component {
state = {
myState: 'aaaaa'
}
updateState (){
this.setState({ myState: 'The state is updated' })
}
render() {
return (
<View>
<Text onPress = {this.updateState}>
UPDATE:{this.state.myState}
</Text>
</View>
);
}
}
3 Réponses :
Si vous souhaitez utiliser une fonction , espérons-le, qui aide! P> p> code>, vous devez lier ceci code> dans le constructeur de sorte que la fonction updateState code> se réfère à la classe Lorsque vous vous référez à , ce code>. Essayez ce qui suit:
Si vous souhaitez utiliser sans arrow devrait ajouter lidez code> dans constructeur () code>
Bienvenue dans le débordement de pile. Veuillez noter que la manière préférée de dire «merci» ici est de voter de bonnes questions et de réponses utiles, et de accepter a > La réponse la plus utile à toutes les questions que vous posez. :)
sur chaque rendu, la référence à la fonction est créée. P>
Ainsi, pour éviter que la fonction de liaison ou de flèche soit utilisée. P>
J'appelle une fonction comme ceci: p>
fonctionna = () => {} p>
TouchableOpacity onpress = {() => this.fonctiona ()} p>
Génial!! Merci beaucoup!!
Vous devriez le laisser avec une flèche. Les méthodes nécessitent réagir des composants
ce code> lié à eux. Les définitions de la fonction arrow sont une implémentation propre de cela.