Routes.js

import React from 'react';
import { Route, Switch } from 'react-router-dom';


import RecipeAddPage from './recipe/RecipeAdd';
import RecipeListPage from './recipe/RecipeList';
import RecipeLikePage from './recipe/RecipeLike';

class Routes extends React.Component {
  render() {
    return (
      <Switch>
        <Route path='/recipe' exact component={RecipeAddPage} />
        <Route path='/recipe/add' component={RecipeAddPage} />
        <Route path='/recipe/list' component={RecipeListPage} />
        <Route path='/recipe/like' component={RecipeLikePage} />
      </Switch>
    );
  }
}

export default Routes;