javascript - 如何在类组件的函数内部使用React Context

如何在类组件的函数内部的React Context中访问对象。

我有以下React组件

import StoreContext from '../../context/StoreContext'

class ProductForm extends Component {
  static contextType = StoreContext

  constructor(props) {
    super(props);

  }

  handleOptionChange(event) {

    const test = this.contextType.client.testObject

  }

我已经试过像这样在上下文中访问client对象，但是它不起作用，因为它说无法读取undefined属性。

我想知道我的错误在哪里。

最佳答案

将其更改为context而不是contextType

this.context.client.testObject

即您的代码应该看起来像

import StoreContext from '../../context/StoreContext'

class ProductForm extends Component {
  static contextType = StoreContext

  constructor(props) {
    super(props);

  }

  handleOptionChange(event) {

    const test = this.context.client.testObject

  }

将静态属性保留为上下文类型，并在使用this.context的方法中访问上下文

关于javascript - 如何在类组件的函数内部使用React Context，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54496563/