score:0

please app.js file.

import react, { component } from "react";
import { route, switch } from "react-router-dom";
import 'bootstrap/dist/css/bootstrap.min.css';
 import moviedetail from "./components/navcomponents/moviedetails";
import rtest from "./components/navcomponents/rtest";

class app extends component {
  state = {
    // products: [ { id: 1, name: 'product 1' }, { id: 2, name: 'product 2' }, { id: 3, name: 'product 3' } ]
  card: [],
        pagesize: 6,
        currentpage: 1,
        cartitems: []
};

render() {
    return (
      <div>
        <navigation></navigation>
       
        <div classname="content">
          <switch>
           
            <route path="/catalouge" render={(props)=>
              <catalouge 
              pagesize={this.state.pagesize} 
              {...props}
              catimages={this.state.card}
              onaddapp={this.handleadd}
              oncartaddapp={this.handlecartadd}
              >
              </catalouge>}>

              </route>
            <route path="/login" component={login}></route>
            <route path="/tocart" 
            render={(props)=>
            <shoppingcart cartitems={this.state.cartitems} {...props}></shoppingcart>} />
            <route path="/posts" component={posts}></route>
            <route path="/customers" component={customers}></route>
            <route path="/movies" component={movies}></route>
            <route path="/movie/details" exact component={(props) => <moviedetail {...props} />} />
            {/* <route path="/rtest" component={rtest} /> */}
          </switch>
        </div>
      </div>
    );
  }
}

export default app;

Related Query

More Query from same tag