类列表 
Class List 组件显示一个贝利茨语言中心提供的语言类列表. 用户可以通过在他们的购物车上添加信息,立即要求更多关于某类或注册的信息. 内容编辑器可以选择提供在每会话下方显示的促销消息. 如果一个会话售出,则删除"请求信息"的CTA,并禁用"添加到Cart"的CTA.
安装
yarn add @berlitz/class-list
道具
| Prop | 类型 | 需求 | 默认 | 页:1 |
|---|---|---|---|---|
| 类数据 | 对象矩阵 | 页:1 | 要显示的类和会话数据 | |
| 地点 | 字符串 | 要向用户显示的位置名称( 如“ 纽约市语言中心 ”) | ||
| 销售力量 | 字符串 | 存放于 Salesforce(如"洛克费勒中心")中的位置名称 | ||
| 产品标识 | 字符串 | 电子商务产品标识 | ||
| 处理请求信息 | 种子 | 当用户请求某类信息时要执行的函数 | ||
| 添加 ToCartLink 链接 | 种子 | 当用户想要注册某类时要执行的函数 | ||
| 请求信息标签 | 字符串 | 标签 CTA 请求有关类的信息 | ||
| 添加ToCart标签 | 字符串 | CTA 注册的标签 | ||
| 已售出标签 | 字符串 | 当一个类被售出时, 已禁用的 CDA 标签 | ||
| 语言 ColLabel | 字符串 | 页:1 | 语言列标题的标签 | |
| 级别标签 | 字符串 | 页:1 | 级别列头的标签 | |
| 日数 | 字符串 | 页:1 | 标记数日列标题 | |
| 类时标 | 字符串 | 页:1 | 类时列标题的标签 | |
| 页 次 | 字符串 | 页:1 | 会话列标题的标签 |
使用量
import React from 'react'
import ClassList from '@berlitz/class-list'
const MyApp = () => (
<ClassList
classData={data}
location="New York City Language Center"
salesforceLocation="Rockefeller Center"
productId="289"
handleRequestInfo={handleRequestInfo}
addToCartLink={addToCartLink}
requestInfoLabel="Request Info"
addToCartLabel="Register"
soldOutLabel="Sold Out"
languageColLabel="Language"
levelColLabel="Level"
daysColLabel="Days"
classTimesColLabel="Class Times"
sessionsColLabel="Sessions"
/>
)