Joe1220

import React from "react";
import { Route, Switch } from "react-router-dom";
import Nav from "components/Nav/Nav";
import Cart from "components/Cart/Cart";
import Main from "components/Main/Main";

const App = props => [
  <Nav key={1} />,
  <Routes key={2} />
];

Joe1220

import React, { Component } from "react";
import { Route, Switch } from "react-router-dom";
import Nav from "components/Nav/Nav";
import Cart from "components/Cart/Cart";
import Main from "components/Main/Main";
import data from "MOCK_DATA.json";

class App extends Component {
  constructor() {
    super();

Joe1220

import React, { Component } from "react";
import { Route, Switch } from "react-router-dom";
import Nav from "components/Nav/Nav";
import Cart from "components/Cart/Cart";
import Main from "components/Main/Main";
import Item from "components/Item/Item";
import data from "MOCK_DATA.json";

class App extends Component {
  constructor() {

Joe1220

import React, { Component } from "react";
import { Route, Switch } from "react-router-dom";
import Nav from "components/Nav/Nav";
import Cart from "components/Cart/Cart";
import Main from "components/Main/Main";
import Item from "components/Item/Item";
import data from "MOCK_DATA.json";

class App extends Component {
  constructor() {

Joe1220

import React from "react";
import { Link } from 'react-router-dom';

const Main = props => {
    if(props.products) {
        return <RenderProducts products={props.products}/>
    } else {
        return <RenderLoading />
    }
}

Joe1220

import React, { Component } from "react";
import { Route, Switch } from "react-router-dom";
import Nav from "components/Nav/Nav";
import Cart from "components/Cart/Cart";
import Main from "components/Main/Main";
import Item from "components/Item/Item";
import data from "MOCK_DATA.json";

class App extends Component {
  constructor() {

Joe1220

// Wrong
this.setState({
  counter: this.state.counter + this.props.increment,
});

Joe1220

// Correct
this.setState((prevState, props) => ({
  counter: prevState.counter + props.increment
}));

Joe1220

componentDidUpdate(prevProps, prevState) {
  // only update chart if the data has changed
  if (prevProps.data !== this.props.data) {
    this.chart = c3.load({
      data: this.props.data
    });
  }
}

Joe1220

import React, { Component } from "react";

class Item extends Component {
    constructor(props) {
        super(props);
        this.state = {
            selectedProduct: {} 
        };
    };