Provide Context

Provide Context.jsx

import React, { Component } from 'react';

import ShopContext from './shop-context';

class GlobalState extends Component {
  state = {
    products: [
      { id: 'p1', title: 'React 16 Sticker + T-shirt', price: 29.99 },
      { id: 'p2', title: 'Vue.js T-shirt', price: 9.99 },
      { id: 'p3', title: 'Angular T-shirt', price: 8.99 },
      { id: 'p4', title: 'JS Notebook', price: 2.99 }
    ],
    cart: []
  };

  render() {
    return (
      <ShopContext.Provider
        value={{
          products: this.state.products,
          cart: this.state.cart
        }}
      >
        {this.props.children}
      </ShopContext.Provider>
    );
  }
}

export default GlobalState;