класс Checkout расширяет компонент {состояние = {ингредиенты: null, цена: 0} componentWillMount () {const query = new URLSearchParams (this.props.location.search); константные ингредиенты = {}; пусть цена = 0; for (let param of query.entries ()) {if (param [0] === 'price') {price = param [1]; } else {ингредиенты [параметр [0]] = + параметр [1]; }
}
this.setState({ingredients: ingredients, totalPrice: price});
}
checkoutCancelHandler = () => {
this.props.history.goBack();
}
checkoutContinueHandler = () => {
this.props.history.replace('/checkout/contact-data');
}
render(){
return(
<div>
<CheckoutSummary
ingredients={this.state.ingredients}
checkoutCancelled={this.checkoutCancelHandler}
checkoutContinued={this.checkoutContinueHandler}/>
( )} />
</div>
);
}
} экспорт Checkout по умолчанию;