11、MobX实战应用与特殊API解析

MobX实战应用与特殊API解析

1. ShowCart组件

ShowCart组件用于展示购物车中的商品列表。它复用了TemplateStepComponent，并通过renderDetails属性插入购物车的详细信息。以下是示例代码：

import React from 'react'; import { List, ListItem, ListItemIcon, ListItemText, Typography, } from '@material-ui/core'; import { Divider } from '@material-ui/core/es/index'; import { TemplateStepComponent } from './shared'; export class ShowCart extends React.Component { render() { return ( <TemplateStepComponent title={'Your Cart'} operationTitle={'Checkout'} renderDetails={step => { const { items, itemTotal } = step; return (