Компоненты функций не поддерживают contextType

Question

Компоненты функций не поддерживают 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)

Answer 1

Решением этой проблемы является переключение двух последних строк следующим образом:

export default withRouter(Toolbar)
Toolbar.contextType = UserContext