Question

115

How to use React Context inside function of Class component

rated 0 times [ 120] [ 5] / answers: 1 / hits: 22878 / 5 Years ago, sat, february 2, 2019, 12:00:00

How can I access objects inside of React Context inside a function of a Class Component.

I've got the following React Component

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



class ProductForm extends Component {

  static contextType = StoreContext



  constructor(props) {

    super(props);



  }



  handleOptionChange(event) {



    const test = this.contextType.client.testObject



  }

I've tried accessing the client object inside the context like this but It doesn't work because it says cant read the property of undefined.

I'm wondering where my mistake is.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sidneyh

Add To Favorites

Follow

Total Points: 118

Total Questions: 108

Total Answers: 105

Location: Mali

Member since Fri, Jun 18, 2021

3 Years ago

sidneyh questions

1 Next.js, redirect to 404 page inside getServerSideProps

Tue, Jun 7, 22, 00:00, 2 Years ago

1 How to generate a UUID in NextJs?

Wed, Apr 13, 22, 00:00, 2 Years ago

1 Can electronjs be used for websites

Wed, Aug 12, 20, 00:00, 4 Years ago

1 How to change scroll speed to be smooth?

Wed, Jun 3, 20, 00:00, 4 Years ago

1 Can not pass date to nivo line chart

Fri, Apr 24, 20, 00:00, 4 Years ago

View All

answered 5 Years ago madalynn · Accepted Answer

Change this to context instead of contextType

this.context.client.testObject

i.e Your code should look like

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



class ProductForm extends Component {

  static contextType = StoreContext



  constructor(props) {

    super(props);



  }



  handleOptionChange(event) {



    const test = this.context.client.testObject



  }

Leave the static propery as context type and access context in methods as using this.context