oscar/BurgerBuilder
oscar/BurgerBuilder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

component: apply PropType plugin to props

Browse Source
This commit is contained in:
oscarzhou 2020-12-09 20:28:59 +13:00
parent 78bf7bd632
commit ffeb447dc1
1 changed files with 39 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/components/Burger/BurgerIngredient/BurgerIngredient.js
View File

@ -1,39 +1,46 @@
import React from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classes from './burgerIngredient.css'; import classes from './burgerIngredient.css';
const burgerIngredient = (props) => { class BurgerIngredient extends Component {
let ingredient = null; render() {
let ingredient = null;
switch (props.type) { switch (this.props.type) {
case ('bread-bottom'): case ('bread-bottom'):
ingredient = <div className={classes.BreadBottom}></div> ingredient = <div className={classes.BreadBottom}></div>
break; break;
case ('bread-top'): case ('bread-top'):
ingredient = ( ingredient = (
<div className={classes.BreadTop}> <div className={classes.BreadTop}>
<div className={classes.Seeds1}></div> <div className={classes.Seeds1}></div>
<div className={classes.Seeds2}></div> <div className={classes.Seeds2}></div>
</div> </div>
) )
break; break;
case ('meat'): case ('meat'):
ingredient = <div className={classes.Meat}></div> ingredient = <div className={classes.Meat}></div>
break; break;
case ('cheese'): case ('cheese'):
ingredient = <div className={classes.Cheese}></div> ingredient = <div className={classes.Cheese}></div>
break; break;
case ('salad'): case ('salad'):
ingredient = <div className={classes.Salad}></div> ingredient = <div className={classes.Salad}></div>
break; break;
case ('bacon'): case ('bacon'):
ingredient = <div className={classes.Bacon}></div> ingredient = <div className={classes.Bacon}></div>
break; break;
default: default:
ingredient = null; ingredient = null;
break; break;
}
return ingredient;
} }
return ingredient;
} }
BurgerIngredient.PropTypes = {
type: PropTypes.string.isRequired
};
export default burgerIngredient; export default burgerIngredient;