tecnologiabanana/src/areainfo/Suggestion.js

import React, { Component } from 'react';
import { Row, Col, Button, Collapse } from 'react-bootstrap'; 
import { Switch, Route } from 'react-router';
import Random from '../reccomenders/Random';
import Related from '../reccomenders/Related';
import Search from '../reccomenders/Search';
import fvitali from '../reccomenders/fvitali';
import popGlobaleAssoluta from '../reccomenders/popGlobaleAssoluta';
import Recent from '../reccomenders/Recent';

// and so on..

class Suggestion extends Component {

  // static getDerivedStateFromProps(nextProps, prevState) {
    
  // }
  
  // componentDidMount() {

  // }

  // shouldComponentUpdate(nextProps, nextState) {

  // }

  // componentDidUpdate(prevProps, prevState) {

  // }

  // componentWillUnmount() {

  // }

  render() {
    return (
      <React.Fragment>
        <Row>
        <Switch>
        <Route path='/video/:id/vitali' component={fvitali} />
        <Route path='/search/:query' component={Search} />
        <Route path='/video/:id/random' component={Random} />
        <Route path='/video/:id/popGlobalAssoluta' component={popGlobaleAssoluta} />
        <Route path='/video/:id/recent' component={Recent} />

        {/* lasciare questo per ultimo */}
          <Route component={Related} /> 
        </Switch>
        </Row>
      </React.Fragment>
    );
  }
}

export default Suggestion;