javascript - Reactjs problem about jumping this.context.router.push(path) within a function

Question

I’d like to ask you, fellow seniors. I created a component Component and wrote a jump function similar to this.context.router.push("/user/list") inside an ajax success callback. At the same time, Component.contextTypes={ router: React.PropType... was written outside the component.

仅有的幸福 · Answer

Can’t get this?. Try using success()->()

阿神 · Answer

Here I will write about the pitfalls I encountered when searching for answers on the Internet. At the same time, it is also to inform novices who encounter the same or similar problems later. Please also ask the relevant post managers not to delete:
In Component.contextTypes, I found it Someone wrote it inside the component this way:

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

However, when I do this, I always get a problem here, that is, the error "Cann't read the property 'push' is not defined" is reported. It’s not obvious why, let’s write it down first

曾经蜡笔没有小新 · Answer

"Cann't read the property 'push' is not defined"
This error ensures that contextTypes is written
and the constructor does not lose the context when calling super

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