component: apply PropType plugin to props

master
oscarzhou 2020-12-09 20:28:59 +13:00
parent 78bf7bd632
commit ffeb447dc1
1 changed files with 39 additions and 32 deletions

View File

@ -1,10 +1,13 @@
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 {
render() {
let ingredient = null; 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;
@ -32,8 +35,12 @@ const burgerIngredient = (props) => {
ingredient = null; ingredient = null;
break; break;
} }
return ingredient; return ingredient;
}
} }
BurgerIngredient.PropTypes = {
type: PropTypes.string.isRequired
};
export default burgerIngredient; export default burgerIngredient;