可以使用context.Consumer来获取类组件中的上下文值，它遵循render-props模式。

interface ContextProps {
  property1: string;
}

const context = React.createContext<ContextProps | null>(null);

export default class App extends React.Component {
  render() {
    return (
      <div>
        <context.Provider value={{ property1: '123' }}>
          <context.Consumer>
            {({ property1 }) => <div>{property1}</div>}
          </context.Consumer>
        </context.Provider>
      </div>
    );
  }
}