Javascript 函数组件不支持contextType

函数组件不支持contextType

我在尝试向React组件添加上下文时遇到了一个问题，该组件使用React Router

withRouter（…）

函数包装

import React, { Component } from 'react'
import UserContext from './UserContext'
class Toolbar extends Component {
  render(){
    return (
      <div>username: this.context.username</div>
    )
  }
}
Toolbar.contextType = UserContext
export default withRouter(Toolbar)

import React，{Component}来自“React”
从“./UserContext”导入UserContext
类工具栏扩展组件{
render（）{
返回(
用户名：this.context.username
)
}
}
Toolbar.contextType=UserContext
使用路由器导出默认值（工具栏）

解决此问题的方法是简单地切换最后两行，如下所示：

export default withRouter(Toolbar)
Toolbar.contextType = UserContext