javascript - Problème Reactjs concernant le saut de this.context.router.push(path) dans la fonction

Question

Je vous le demande, chers aînés. J'ai créé un composant Component et écrit une fonction de saut similaire à this.context.router.push("/user/list") dans un rappel de réussite ajax. Dans le même temps, Component.contextTypes={ router: React.PropType... a été écrit en dehors du composant.

仅有的幸福 · Answer

Vous ne parvenez pas à obtenir cela ? Essayez d'utiliser success()->()

阿神 · Answer

Ici, j'écrirai sur les pièges que j'ai rencontrés lors de la recherche de réponses sur Internet. Il s'agit également d'informer les débutants qui rencontrent des problèmes identiques ou similaires plus tard. Veuillez également demander aux gestionnaires de publication concernés de ne pas les supprimer :
Dans Component.contextTypes. , je l'ai trouvé. Quelqu'un l'a écrit à l'intérieur du composant de cette façon :

class Component extends React.Component{
    [有些人写static有些人又不写static] contentTypes: {
        router： React.PropTypes.object.isRequired
    }
    ...
    this.context.router.push(...)
}

Cependant, lorsque je fais cela, j'ai toujours un problème ici, c'est-à-dire que l'erreur "Impossible de lire la propriété 'push' n'est pas définie" est signalée. Ce n’est pas évident pourquoi, écrivons-le d’abord

曾经蜡笔没有小新 · Answer

"Impossible de lire la propriété 'push' n'est pas définie"
Cette erreur garantit que contextTypes est écrit
et le constructeur ne perd pas le contexte lors de l'appel de super

class Component {
  constructor(props, context) {
    super(...arguments) // 这样才行，如果只写props, 会把context 弄丢，所以super时始终建议这么写
  }
}