ComponentDidMount App Commerce.js Demo

componentDidMount-commercejs.js

  componentDidMount() {
    const {
      commerce
    } = this.props
    
    if (commerce !== undefined && typeof commerce !== 'undefined') {
      
      // invoke commerce products method to get all products
      commerce.Products.list(
        (resp) => {
          //Success
          this.setState({
            products: resp.data
          })
        },
        (error) => {
          // handle error properly in real-world
        }
      );

      window.addEventListener("Commercejs.Cart.Ready", function (e) {
        // invoke commerce cart method to retrieve cart in session=
        commerce.Cart.retrieve((resp) => {
          if (!resp.error) {
            return this.setState({
              cart: resp
            })
          });
        }
      }.bind(this))
    }                       
  }